@keyframes rotate{
    0%{
        transform: rotate(0deg);
    }

    100%{
        transform: rotate(360deg);
    }
}

@keyframes fadeIn{
    0%{
        opacity: 0%;
        transform: translateY(20px);
    }

    100%{
        opacity: 100%;
        transform: translateY(0px);
        
    }
}

@keyframes fadeOut{
    0%{
        opacity: 100%;
        transform: translateY(0px);
    }

    100%{
        opacity: 0%;
        transform: translateY(20px);
        
    }
}

@keyframes scaleWidth{
    0%{
        width: 0%;
    }

    100%{
        width: 100%; 
    }
}

@keyframes scaleHeight{
    0%{
        height: 0%;
    }

    100%{
        height: 100%; 
    }
}