.reveal{
    animation: reveal 0.5s linear forwards;
}
@keyframes reveal {
    from
    {
        opacity: 0;
        transform: translateY(-20px);
    }
    to
    {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes gradiant{
    0%
    {
        background-position: 200% center;
    }

    100%
    {
        background-size: 200% auto;

    }
}