@keyframes right{
    from {
        transform: translateX(4vw);
        opacity: 0;
    }

    to{
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes left{
    from{
        transform: translateX(-4vw);
        opacity: 0;
    }

    to{
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes reveal{
    from{
        opacity: 0;
    }

    to{
        opacity: 1;
    }
}

@keyframes scrollIn{
    from{
        opacity: 0;
        transform: translateY(20px);
    }

    to{
        opacity: 1;
        transform: translateY(0);
    }
}