/* Každému písmenku nastavíme oneskorenie */

/* Definícia animácie */
@keyframes fade-in {
    0% {
        opacity: 0;
        top: -100px;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        top: 0px;
        transform: translateY(0);
    }
}

@keyframes slideUp {
    0% {
        opacity: 0;
        top: 500px;
        transform: translateX(-100px);
    }
    100% {
        opacity: 1;
        top: 0px;
        transform: translateX(0);
    }
}

@keyframes slideDown{
    0%{
        top: -100px;
    }
    100%{
        top: 13vh;
    }
}
@keyframes slideLeft{
    0%{
        right: -500px;
    }
    100%{
        right: 0px;
    }
}
@keyframes slideRight{
    0%{
        right: 200px;
        opacity: 0;
    }
    100%{
        right: 0px;
        opacity: 1;
    }
}
@keyframes navIn{
    0%{
        margin-top: -13vh;
        opacity: 0;
    }

    100%{
        margin-top: 0px;
        opacity: 1;
    }
}