.loading{
position: fixed;
width: 100vw;
height: 100vh;
top: 0px;
left: 0px;
background: linear-gradient(-90deg, #9fc7e0, #7ea6cf);
z-index: 9999;
}
.animation{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #2e76b8;
-webkit-animation: lodanimetion 500ms ease-out forwards infinite;
animation: lodanimetion 500ms ease-out forwards infinite;
}
@keyframes lodanimetion {
from,to {
opacity: 0;
}
50% {
opacity: .5;
}
}