@import url('./../fonts/dm-sans.css');
@import url('./../fonts/courier-prime.css');

html,
body {
    height: 100%;
}

body {
    align-items: center;
    display: flex;
    font-family: 'DM Sans', Roboto, Helvetica, Arial, sans-serif;
    padding-bottom: 40px;
    padding-top: 40px;
}

p small {
    font-size: 70%;
}

.form-login {
    max-width: 400px;
    padding: 15px;
}

/* Efecto máquina de escribir */
.typing-effect {
    animation: typing 2s steps(20), blink .5s step-end infinite alternate;
    border-right: 2px solid rgba(23, 13, 7, 0.75);
    display: block;
    font-family: 'Courier Prime', monospace;
    font-weight: 700;
    font-size: 2em;
    letter-spacing: -1px;
    margin: 1em auto;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    width: 20ch;
}

@keyframes typing {
    from {
        width: 0
    }
}

@keyframes blink {
    50% {
        border-color: transparent
    }
}