/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 16 2026 | 10:16:49 */
.spin-container>div {
background:#4072c2;
animation-name: rotate;
animation-duration: 1.5s;
animation-iteration-count: infinite;
transform-style: preserve-3d;
animation-direction:alternate;
}
#preload-screen {
position: fixed;
left: 0;
top: 0;
display: flex;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
background:#fff;
z-index:1000000;  
}

.spin-container {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 10px;
grid-row-gap: 10px;
width:80px;
height:80px;
animation-name: spin;
animation-duration: 4s;
animation-iteration-count: infinite;
animation-timing-function: linear;
position:absolute;  
}
@keyframes rotate {
from {transform:perspective(150px) rotateX(0deg);}
to {transform:perspective(150px) rotateX(180deg);}
}
@keyframes spin {
from {rotate: 0deg;}
to {rotate: 360deg;}
}
#square2 {
animation-delay: 0.5s;
}
#square3 {
animation-delay: 1s;
}
#square4 {
animation-delay: 1.5s;
}