.page-fade-in {
animation: page-fade-in ease-in-out forwards;
animation-timeline: view();
animation-range: entry;
}

@keyframes page-fade-in {

0% {
opacity: 0;
transform: translatey(400px)
}

50% {
opacity: 0;
}

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

}