.first_line,
.second_line {
    white-space: nowrap; /* keep text in one line */
    overflow: hidden; /* hide text behind the cursor */
    margin: 0.5rem auto;
    font-family: "Major Mono Display", monospace;
    font-size: 2.5rem;
    font-weight: bold;
    color: #ffc107;
    padding-right: 4rem;
}


@keyframes typewriter_1 {
    from {
        width: 0;
    }
    to {
        width: 38rem;
    }
}
@keyframes typewriter_2 {
    from {
        width: 0;
    }
    to {
        width: 40rem;
    }
}

@keyframes first_cursor {
    from {
        border-right-color: rgba(17, 17, 17, 0.9);
    }
    to {
        border-right-color: rgba(255, 255, 255, 0.8);
    }
}
@keyframes second_cursor{
    from {
        border-right-color: rgba(17, 17, 17, 0.9);
    }
    to {
        border-right-color: rgba(255, 255, 255, 0.8);
    }
}

.start .first_line {
    border-right: 2px solid rgba(17, 17, 17, 0.9);
    /* define animation types for text + cursor */
    animation-delay: 6s;
    animation: typewriter_1 8s steps(33) 1s 1 normal both,
    first_cursor 900ms steps(33) 8;
}

.start .second_line {
    border-right: 2px solid rgba(17, 17, 17, 0.9);
    /* define animation types for text + cursor */
    animation: typewriter_2 5s steps(31) 1s 1 normal both,
    second_cursor 900ms steps(31) infinite;
    -webkit-animation-delay: 7s;
    animation-delay: 7s;
}


.reveal {
    font-family: 'Source Sans Pro', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
    Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
    'Noto Color Emoji';
    font-size: 1.8em;
    line-height: 1.2em;
    font-weight: 200;
    letter-spacing: 0.03em;
}

.texto {
    font-size: inherit;
    text-align: left;
    text-justify: inter-word;
    text-rendering: optimizeLegibility;
    letter-spacing: 2px;
    font-family: "Source Sans Pro";
    color: rgb(255, 255, 255);
    font-weight: bold;
    line-height: 1.5 !important;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.33);
    }

p.big, p > span.text-warning.big,  p > span.fragment.visible.current-fragment > span {
    font-size: 3rem;
    text-shadow: 0 7px 6px rgb(0 0 0);
}

ul {
    list-style-type: none !important;
}
 ul > li > p {
     font-size: 2.2rem;
     display: inline;
     color: #ffc107;
 }

.texto.p.span {
    font-size: 2.4em;
}

.filter {
    position: relative;
    filter: saturate(197%) contrast(121%) drop-shadow(10px 10px 5px rgba(0,0,0,0.45));
    -webkit-filter: saturate(197%) contrast(121%) drop-shadow(10px 10px 5px rgba(0,0,0,0.45));
    -moz-filter: saturate(197%) contrast(121%) drop-shadow(10px 10px 5px rgba(0,0,0,0.45));
}

 lite-youtube > iframe {
     max-width: 100% !important;
     max-height: 100% !important;
 }


.loader {
    border: 10px solid #f3f3f3;
    border-top: 10px solid #3498db;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

body.loaded .loader {
    display: none;
}