/* Landing page */

@keyframes heroTitle {
    0% {
        transform: scale(3);
    }

    30% {
        transform: scale(3);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes heroUnderTitle {
    from {
        transform: translateY(3rem);
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}



@keyframes moveBackground {
    from {
        background-position: 0% 0%;
    }

    to {
        background-position: 100% 100%;
    }
}