.fade-page{
animation:fadePage .6s ease;
}

@keyframes fadePage{
from{
opacity:0;
}
to{
opacity:1;
}
}

.fade-out{
animation:fadeOut .5s forwards;
}

@keyframes fadeOut{
from{
opacity:1;
}
to{
opacity:0;
}
}


/* background wave */

.wave{
position:fixed;
bottom:-120px;
left:0;
width:100%;
height:300px;
background:radial-gradient(circle at 50% 0%,#1e3a8a,#020617);
border-radius:50%;
filter:blur(40px);
opacity:.6;
z-index:-1;
animation:waveMove 10s infinite alternate;
}

@keyframes waveMove{
from{
transform:translateY(0);
}
to{
transform:translateY(-40px);
}
}