@keyframes headerAnimation{
    0%{
        transform: rotate(0) translateX(-200px);
        opacity: 0;
        }
    73%{
        transform: rotate(0) translateX(30px);
        opacity: 1;
        }
    100%{
        transform: rotate(0) translateX(0);
        opacity: 1;
        }
}



@keyframes headingAnimation{
    0%{
        transform: rotate(0) translateY(-150px);
        opacity: 0;
        }
    100%{
        transform: rotate(0) translateY(0);
        opacity: 1;
        }
}


@keyframes contentAnimation{
    0%{
        transform: scale(0);
       opacity: 0;
        }
    100%{
        transform: scale(1);
       opacity: 1;
        }
}