< class="preloader">/* Cube Grid s */
.sk-cube-grid {
width: 40px;
height: 40px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
z-index: 2000;
}
.sk-cube-grid .sk-cube {
width: 33%;
height: 33%;
background-color: #333;
float: left;
-webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.sk-cube-grid .sk-cube1 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
background-color: #ff2f00;
}
.sk-cube-grid .sk-cube2 {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
background-color: #ff7119;
}
.sk-cube-grid .sk-cube3 {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
background-color: #ff9600;
}
.sk-cube-grid .sk-cube4 {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
background-color: #00b850;
}
.sk-cube-grid .sk-cube5 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
background-color: #7fcd00;
}
.sk-cube-grid .sk-cube6 {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
background-color: #d6d300;
}
.sk-cube-grid .sk-cube7 {
-webkit-animation-delay: 0s;
animation-delay: 0s;
background-color: #0066bc;
}
.sk-cube-grid .sk-cube8 {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
background-color: #009cd1;
}
.sk-cube-grid .sk-cube9 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
background-color: #4bbce1;
}
@-webkit-keyframes sk-cubeGridScaleDelay {
0%70%100% {
-webkit-transform: scale3D(111);
transform: scale3D(111);
} 35% {
-webkit-transform: scale3D(001);
transform: scale3D(001);
}
}
@keyframes sk-cubeGridScaleDelay {
0%70%100% {
-webkit-transform: scale3D(111);
transform: scale3D(111);
} 35% {
-webkit-transform: scale3D(001);
transform: scale3D(001);
}
}
div.splash {
background-color: #74bde6 ;
bottom: 0px ;
display: flex ;
left: 0px ;
position: fixed ;
right: 0px ;
top: 0px ;
z-index: 1000;
}
div.splash--loaded {
opacity: 0.0 ;
transition: opacity 100ms ease ;
}
div.splash__message {
font-size: 26px ;
line-height: 31px ;
margin: auto auto auto auto ;
text-decoration: underline ;
}
>