@keyframes intro_image {
    0% {
    opacity: 0;
    }
    100% {
    opacity: 1;
    }
}
@keyframes intro_color {
    0% {
       color: #000000ba;
    }
    100% {
    color: #f0f0f0ba;
    }
}
@keyframes intro_color2 {
    0% {
       opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes alternativa_intro{
    0% {
        transform: scale(0.7);
        font-size: 15vw;
        line-height: 1em;
    }
    80% {
        transform: scale(0.8);
        color: black;
        font-size: 15vw;
        line-height: 1em;
    }

    100% {
        transform: scale(0.7);
        color: white;
        font-size: 15vw;
        line-height: 1em;
    }
}

@keyframes alternativa_intro_out{
    0% {
        line-height: 1em;
        font-size: 15vw;
        transform: scale(0.8);
    }

    100% {
        line-height: 1em;
        font-size: 10vw;
        transform: scale(1);
    }
}
@keyframes blur_intro_out{
    0% {
        filter: blur(0px);
        transform: scale(0.4);
    }

    100% {
        filter: blur(50px);
        transform: scale(1);
    }
}
@keyframes alternativa_intro_down{
    0% {
        bottom: 0.3em;
    }
    50% {
        bottom: 0.4em;
    }

    100% {
        bottom: 0.3em;
    }
}
@keyframes alternativa_intro_down_blur{
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0.5;
    }

    100% {
        /*filter: blur(10px);*/
        opacity: 0;
    }
}
@keyframes logo_blur {
    0% {
        filter: brightness(0) blur(200px) opacity(0);
        transform: scale(0);
    }

    85% {
        opacity: 1;
        filter: brightness(1) blur(0px) opacity(1);
        transform: scale(0.7);
    }
    90% {
        filter: brightness(0) blur(30px) opacity(0.7);
        transform: scale(0.5);
    }
    100% {
        filter: brightness(1) blur(500px) opacity(0.4);
        transform: scale(1);
    }
}