SCSS
$size: 250px;
$half: $size / 2;
BODY {
background: #000;
height: 100vh;
perspective: 500px;
perspective-origin: center center;
}
.wrapper {
position: absolute;
left: 50%;
top: 50%;
width: $size;
height: $size;
transform: translate(-50%, -50%);
/* border: 1px solid #333; */
}
.cube {
width: $size;
height: $size;
transform-style: preserve-3d;
// transform: rotateX(90deg) ;
animation: rotation 10s linear infinite;
}
.side {
position: absolute;
width: $size;
height: $size;
box-shadow: inset 0 0 $size * .7;
// border: 1px solid;
color: teal;
&--top {
// display: none;
// color: crimson;
transform: translateY(-$half) rotateX(-90deg);
}
&--bottom {
// display: none;
// color: orangered;
transform: translateY($half) rotateX(-90deg) rotateZ(-180deg);
}
&--left {
// display: none;
// color: yellowgreen;
transform: translateX(-$half) rotateY(-90deg);
}
&--right {
// display: none;
// color: gold;
transform: translateX($half) rotateY(90deg);
}
&--front {
// display: none;
// color: steelblue;
transform: translateZ($half);
}
&--back {
// display: none;
// color: indigo;
transform: translateZ(-$half) rotateZ(180deg);
}
}
$angle: 360deg;
@keyframes rotation {
100% {
transform: rotateX($angle) rotateY($angle) rotateZ($angle)
}
}
/*-- Created in shadowPainter : ) */
.dot {
display: block;
position: absolute;
width: 50px;
height: 50px;
top: -50px;
left: -50px;
// border-radius: 50%;
-webkit-animation: 2s shadows linear infinite;
animation: 2s shadows linear infinite;
box-shadow: 0px 0px 0 0 rgba(255,255,255,0), 0px 50px 0 0 rgba(255,255,255,0), 0px 100px 0 0 rgba(255,255,255,0), 0px 150px 0 0 rgba(255,255,255,0), 0px 200px 0 0 rgba(255,255,255,0), 0px 250px 0 0 rgba(255,255,255,0), 50px 0px 0 0 rgba(255,255,255,0), 50px 50px 0 0 #004358, 50px 100px 0 0 rgba(255,255,255,0), 50px 150px 0 0 rgba(255,255,255,0), 50px 200px 0 0 rgba(255,255,255,0), 50px 250px 0 0 rgba(255,255,255,0), 100px 0px 0 0 rgba(255,255,255,0), 100px 50px 0 0 #1F8A70, 100px 100px 0 0 rgba(255,255,255,0), 100px 150px 0 0 rgba(255,255,255,0), 100px 200px 0 0 rgba(255,255,255,0), 100px 250px 0 0 rgba(255,255,255,0), 150px 0px 0 0 rgba(255,255,255,0), 150px 50px 0 0 #BEDB39, 150px 100px 0 0 rgba(255,255,255,0), 150px 150px 0 0 rgba(255,255,255,0), 150px 200px 0 0 rgba(255,255,255,0), 150px 250px 0 0 rgba(255,255,255,0), 200px 0px 0 0 rgba(255,255,255,0), 200px 50px 0 0 #FFE11A, 200px 100px 0 0 rgba(255,255,255,0), 200px 150px 0 0 rgba(255,255,255,0), 200px 200px 0 0 rgba(255,255,255,0), 200px 250px 0 0 rgba(255,255,255,0), 250px 0px 0 0 rgba(255,255,255,0), 250px 50px 0 0 #FD7400, 250px 100px 0 0 rgba(255,255,255,0), 250px 150px 0 0 rgba(255,255,255,0), 250px 200px 0 0 rgba(255,255,255,0), 250px 250px 0 0 rgba(255,255,255,0);
}
/* Keyframes */
@-webkit-keyframes shadows {
0% {box-shadow: 0px 0px 0 0 rgba(255,255,255,0), 0px 50px 0 0 rgba(255,255,255,0), 0px 100px 0 0 rgba(255,255,255,0), 0px 150px 0 0 rgba(255,255,255,0), 0px 200px 0 0 rgba(255,255,255,0), 0px 250px 0 0 rgba(255,255,255,0), 50px 0px 0 0 rgba(255,255,255,0), 50px 50px 0 0 #004358, 50px 100px 0 0 rgba(255,255,255,0), 50px 150px 0 0 rgba(255,255,255,0), 50px 200px 0 0 rgba(255,255,255,0), 50px 250px 0 0 rgba(255,255,255,0), 100px 0px 0 0 rgba(255,255,255,0), 100px 50px 0 0 #1F8A70, 100px 100px 0 0 rgba(255,255,255,0), 100px 150px 0 0 rgba(255,255,255,0), 100px 200px 0 0 rgba(255,255,255,0), 100px 250px 0 0 rgba(255,255,255,0), 150px 0px 0 0 rgba(255,255,255,0), 150px 50px 0 0 #BEDB39, 150px 100px 0 0 rgba(255,255,255,0), 150px 150px 0 0 rgba(255,255,255,0), 150px 200px 0 0 rgba(255,255,255,0), 150px 250px 0 0 rgba(255,255,255,0), 200px 0px 0 0 rgba(255,255,255,0), 200px 50px 0 0 #FFE11A, 200px 100px 0 0 rgba(255,255,255,0), 200px 150px 0 0 rgba(255,255,255,0), 200px 200px 0 0 rgba(255,255,255,0), 200px 250px 0 0 rgba(255,255,255,0), 250px 0px 0 0 rgba(255,255,255,0), 250px 50px 0 0 #FD7400, 250px 100px 0 0 rgba(255,255,255,0), 250px 150px 0 0 rgba(255,255,255,0), 250px 200px 0 0 rgba(255,255,255,0), 250px 250px 0 0 rgba(255,255,255,0);}
6.25% {box-shadow: 0px 0px 0 0 rgba(255,255,255,0), 0px 50px 0 0 rgba(255,255,255,0), 0px 100px 0 0 rgba(255,255,255,0), 0px 150px 0 0 rgba(255,255,255,0), 0px 200px 0 0 rgba(255,255,255,0), 0px 250px 0 0 rgba(255,255,255,0), 50px 0px 0 0 rgba(255,255,255,0), 50px 50px 0 0 rgba(255,255,255,0), 50px 100px 0 0 rgba(255,255,255,0), 50px 150px 0 0 rgba(255,255,255,0), 50px 200px 0 0 rgba(255,255,255,0), 50px 250px 0 0 rgba(255,255,255,0), 100px 0px 0 0 rgba(255,255,255,0), 100px 50px 0 0 #004358, 100px 100px 0 0 rgba(255,255,255,0), 100px 150px 0 0 rgba(255,255,255,0), 100px 200px 0 0 rgba(255,255,255,0), 100px 250px 0 0 rgba(255,255,255,0), 150px 0px 0 0 rgba(255,255,255,0), 150px 50px 0 0 #1F8A70, 150px 100px 0 0 rgba(255,255,255,0), 150px 150px 0 0 rgba(255,255,255,0), 150px 200px 0 0 rgba(255,255,255,0), 150px 250px 0 0 rgba(255,255,255,0), 200px 0px 0 0 rgba(255,255,255,0), 200px 50px 0 0 #BEDB39, 200px 100px 0 0 rgba(255,255,255,0), 200px 150px 0 0 rgba(255,255,255,0), 200px 200px 0 0 rgba(255,255,255,0), 200px 250px 0 0 rgba(255,255,255,0), 250px 0px 0 0 rgba(255,255,255,0), 250px 50px 0 0 #FFE11A, 250px 100px 0 0 #FD7400, 250px 150px 0 0 rgba(255,255,255,0), 250px 200px 0 0 rgba(255,255,255,0), 250px 250px 0 0 rgba(255,255,255,0);}
12.5% {box-shadow: 0px 0px 0 0 rgba(255,255,255,0), 0px 50px 0 0 rgba(255,255,255,0), 0px 100px 0 0 rgba(255,255,255,0), 0px 150px 0 0 rgba(255,255,255,0), 0px 200px 0 0 rgba(255,255,255,0), 0px 250px 0 0 rgba(255,255,255,0), 50px 0px 0 0 rgba(255,255,255,0), 50px 50px 0 0 rgba(255,255,255,0), 50px 100px 0 0 rgba(255,255,255,0), 50px 150px 0 0 rgba(255,255,255,0), 50px 200px 0 0 rgba(255,255,255,0), 50px 250px 0 0 rgba(255,255,255,0), 100px 0px 0 0 rgba(255,255,255,0), 100px 50px 0 0 rgba(255,255,255,0), 100px 100px 0 0 rgba(255,255,255,0), 100px 150px 0 0 rgba(255,255,255,0), 100px 200px 0 0 rgba(255,255,255,0), 100px 250px 0 0 rgba(255,255,255,0), 150px 0px 0 0 rgba(255,255,255,0), 150px 50px 0 0 #004358, 150px 100px 0 0 rgba(255,255,255,0), 150px 150px 0 0 rgba(255,255,255,0), 150px 200px 0 0 rgba(255,255,255,0), 150px 250px 0 0 rgba(255,255,255,0), 200px 0px 0 0 rgba(255,255,255,0), 200px 50px 0 0 #1F8A70, 200px 100px 0 0 rgba(255,255,255,0), 200px 150px 0 0 rgba(255,255,255,0), 200px 200px 0 0 rgba(255,255,255,0), 200px 250px 0 0 rgba(255,255,255,0), 250px 0px 0 0 rgba(255,255,255,0), 250px 50px 0 0 #BEDB39, 250px 100px 0 0 #FFE11A, 250px 150px 0 0 #FD7400, 250px 200px 0 0 rgba(255,255,255,0), 250px 250px 0 0 rgba(255,255,255,0);}
18.75% {box-shadow: 0px 0px 0 0 rgba(255,255,255,0), 0px 50px 0 0 rgba(255,255,255,0), 0px 100px 0 0 rgba(255,255,255,0), 0px 150px 0 0 rgba(255,255,255,0), 0px 200px 0 0 rgba(255,255,255,0), 0px 250px 0 0 rgba(255,255,255,0), 50px 0px 0 0 rgba(255,255,255,0), 50px 50px 0 0 rgba(255,255,255,0), 50px 100px 0 0 rgba(255,255,255,0), 50px 150px 0 0 rgba(255,255,255,0), 50px 200px 0 0 rgba(255,255,255,0), 50px 250px 0 0 rgba(255,255,255,0), 100px 0px 0 0 rgba(255,255,255,0), 100px 50px 0 0 rgba(255,255,255,0), 100px 100px 0 0 rgba(255,255,255,0), 100px 150px 0 0 rgba(255,255,255,0), 100px 200px 0 0 rgba(255,255,255,0), 100px 250px 0 0 rgba(255,255,255,0), 150px 0px 0 0 rgba(255,255,255,0), 150px 50px 0 0 rgba(255,255,255,0), 150px 100px 0 0 rgba(255,255,255,0), 150px 150px 0 0 rgba(255,255,255,0), 150px 200px 0 0 rgba(255,255,255,0), 150px 250px 0 0 rgba(255,255,255,0), 200px 0px 0 0 rgba(255,255,255,0), 200px 50px 0 0 #004358, 200px 100px 0 0 rgba(255,255,255,0), 200px 150px 0 0 rgba(255,255,255,0), 200px 200px 0 0 rgba(255,255,255,0), 200px 250px 0 0 rgba(255,255,255,0), 250px 0px 0 0 rgba(255,255,255,0), 250px 50px 0 0 #1F8A70, 250px 100px 0 0 #BEDB39, 250px 150px 0 0 #FFE11A, 250px 200px 0 0 #FD7400, 250px 250px 0 0 rgba(255,255,255,0);}
25% {box-shadow: 0px 0px 0 0 rgba(255,255,255,0), 0px 50px 0 0 rgba(255,255,255,0), 0px 100px 0 0 rgba(255,255,255,0), 0px 150px 0 0 rgba(255,255,255,0), 0px 200px 0 0 rgba(255,255,255,0), 0px 250px 0 0 rgba(255,255,255,0), 50px 0px 0 0 rgba(255,255,255,0), 50px 50px 0 0 rgba(255,255,255,0), 50px 100px 0 0 rgba(255,255,255,0), 50px 150px 0 0 rgba(255,255,255,0), 50px 200px 0 0 rgba(255,255,255,0), 50px 250px 0 0 rgba(255,255,255,0), 100px 0px 0 0 rgba(255,255,255,0), 100px 50px 0 0 rgba(255,255,255,0), 100px 100px 0 0 rgba(255,255,255,0), 100px 150px 0 0 rgba(255,255,255,0), 100px 200px 0 0 rgba(255,255,255,0), 100px 250px 0 0 rgba(255,255,255,0), 150px 0px 0 0 rgba(255,255,255,0), 150px 50px 0 0 rgba(255,255,255,0), 150px 100px 0 0 rgba(255,255,255,0), 150px 150px 0 0 rgba(255,255,255,0), 150px 200px 0 0 rgba(255,255,255,0), 150px 250px 0 0 rgba(255,255,255,0), 200px 0px 0 0 rgba(255,255,255,0), 200px 50px 0 0 rgba(255,255,255,0), 200px 100px 0 0 rgba(255,255,255,0), 200px 150px 0 0 rgba(255,255,255,0), 200px 200px 0 0 rgba(255,255,255,0), 200px 250px 0 0 rgba(255,255,255,0), 250px 0px 0 0 rgba(255,255,255,0), 250px 50px 0 0 #004358, 250px 100px 0 0 #1F8A70, 250px 150px 0 0 #BEDB39, 250px 200px 0 0 #FFE11A, 250px 250px 0 0 #FD7400;}
31.25% {box-shadow: 0px 0px 0 0 rgba(255,255,255,0), 0px 50px 0 0 rgba(255,255,255,0), 0px 100px 0 0 rgba(255,255,255,0), 0px 150px 0 0 rgba(255,255,255,0), 0px 200px 0 0 rgba(255,255,255,0), 0px 250px 0 0 rgba(255,255,255,0), 50px 0px 0 0 rgba(255,255,255,0), 50px 50px 0 0 rgba(255,255,255,0), 50px 100px 0 0 rgba(255,255,255,0), 50px 150px 0 0 rgba(255,255,255,0), 50px 200px 0 0 rgba(255,255,255,0), 50px 250px 0 0 rgba(255,255,255,0), 100px 0px 0 0 rgba(255,255,255,0), 100px 50px 0 0 rgba(255,255,255,0), 100px 100px 0 0 rgba(255,255,255,0), 100px 150px 0 0 rgba(255,255,255,0), 100px 200px 0 0 rgba(255,255,255,0), 100px 250px 0 0 rgba(255,255,255,0), 150px 0px 0 0 rgba(255,255,255,0), 150px 50px 0 0 rgba(255,255,255,0), 150px 100px 0 0 rgba(255,255,255,0), 150px 150px 0 0 rgba(255,255,255,0), 150px 200px 0 0 rgba(255,255,255,0), 150px 250px 0 0 rgba(255,255,255,0), 200px 0px 0 0 rgba(255,255,255,0), 200px 50px 0 0 rgba(255,255,255,0), 200px 100px 0 0 rgba(255,255,255,0), 200px 150px 0 0 rgba(255,255,255,0), 200px 200px 0 0 rgba(255,255,255,0), 200px 250px 0 0 #FD7400, 250px 0px 0 0 rgba(255,255,255,0), 250px 50px 0 0 rgba(255,255,255,0), 250px 100px 0 0 #004358, 250px 150px 0 0 #1F8A70, 250px 200px 0 0 #BEDB39, 250px 250px 0 0 #FFE11A;}
37.5% {box-shadow: 0px 0px 0 0 rgba(255,255,255,0), 0px 50px 0 0 rgba(255,255,255,0), 0px 100px 0 0 rgba(255,255,255,0), 0px 150px 0 0 rgba(255,255,255,0), 0px 200px 0 0 rgba(255,255,255,0), 0px 250px 0 0 rgba(255,255,255,0), 50px 0px 0 0 rgba(255,255,255,0), 50px 50px 0 0 rgba(255,255,255,0), 50px 100px 0 0 rgba(255,255,255,0), 50px 150px 0 0 rgba(255,255,255,0), 50px 200px 0 0 rgba(255,255,255,0), 50px 250px 0 0 rgba(255,255,255,0), 100px 0px 0 0 rgba(255,255,255,0), 100px 50px 0 0 rgba(255,255,255,0), 100px 100px 0 0 rgba(255,255,255,0), 100px 150px 0 0 rgba(255,255,255,0), 100px 200px 0 0 rgba(255,255,255,0), 100px 250px 0 0 rgba(255,255,255,0), 150px 0px 0 0 rgba(255,255,255,0), 150px 50px 0 0 rgba(255,255,255,0), 150px 100px 0 0 rgba(255,255,255,0), 150px 150px 0 0 rgba(255,255,255,0), 150px 200px 0 0 rgba(255,255,255,0), 150px 250px 0 0 #FD7400, 200px 0px 0 0 rgba(255,255,255,0), 200px 50px 0 0 rgba(255,255,255,0), 200px 100px 0 0 rgba(255,255,255,0), 200px 150px 0 0 rgba(255,255,255,0), 200px 200px 0 0 rgba(255,255,255,0), 200px 250px 0 0 #FFE11A, 250px 0px 0 0 rgba(255,255,255,0), 250px 50px 0 0 rgba(255,255,255,0), 250px 100px 0 0 rgba(255,255,255,0), 250px 150px 0 0 #004358, 250px 200px 0 0 #1F8A70, 250px 250px 0 0 #BEDB39;}
43.75% {box-shadow: 0px 0px 0 0 rgba(255,255,255,0), 0px 50px 0 0 rgba(255,255,255,0), 0px 100px 0 0 rgba(255,255,255,0), 0px 150px 0 0 rgba(255,255,255,0), 0px 200px 0 0 rgba(255,255,255,0), 0px 250px 0 0 rgba(255,255,255,0), 50px 0px 0 0 rgba(255,255,255,0), 50px 50px 0 0 rgba(255,255,255,0), 50px 100px 0 0 rgba(255,255,255,0), 50px 150px 0 0 rgba(255,255,255,0), 50px 200px 0 0 rgba(255,255,255,0), 50px 250px 0 0 rgba(255,255,255,0), 100px 0px 0 0 rgba(255,255,255,0), 100px 50px 0 0 rgba(255,255,255,0), 100px 100px 0 0 rgba(255,255,255,0), 100px 150px 0 0 rgba(255,255,255,0), 100px 200px 0 0 rgba(255,255,255,0), 100px 250px 0 0 #FD7400, 150px 0px 0 0 rgba(255,255,255,0), 150px 50px 0 0 rgba(255,255,255,0), 150px 100px 0 0 rgba(255,255,255,0), 150px 150px 0 0 rgba(255,255,255,0), 150px 200px 0 0 rgba(255,255,255,0), 150px 250px 0 0 #FFE11A, 200px 0px 0 0 rgba(255,255,255,0), 200px 50px 0 0 rgba(255,255,255,0), 200px 100px 0 0 rgba(255,255,255,0), 200px 150px 0 0 rgba(255,255,255,0), 200px 200px 0 0 rgba(255,255,255,0), 200px 250px 0 0 #BEDB39, 250px 0px 0 0 rgba(255,255,255,0), 250px 50px 0 0 rgba(255,255,255,0), 250px 100px 0 0 rgba(255,255,255,0), 250px 150px 0 0 rgba(255,255,255,0), 250px 200px 0 0 #004358, 250px 250px 0 0 #1F8A70;}
50% {box-shadow: 0px 0px 0 0 rgba(255,255,255,0), 0px 50px 0 0 rgba(255,255,255,0), 0px 100px 0 0 rgba(255,255,255,0), 0px 150px 0 0 rgba(255,255,255,0), 0px 200px 0 0 rgba(255,255,255,0), 0px 250px 0 0 rgba(255,255,255,0), 50px 0px 0 0 rgba(255,255,255,0), 50px 50px 0 0 rgba(255,255,255,0), 50px 100px 0 0 rgba(255,255,255,0), 50px 150px 0 0 rgba(255,255,255,0), 50px 200px 0 0 rgba(255,255,255,0), 50px 250px 0 0 #FD7400, 100px 0px 0 0 rgba(255,255,255,0), 100px 50px 0 0 rgba(255,255,255,0), 100px 100px 0 0 rgba(255,255,255,0), 100px 150px 0 0 rgba(255,255,255,0), 100px 200px 0 0 rgba(255,255,255,0), 100px 250px 0 0 #FFE11A, 150px 0px 0 0 rgba(255,255,255,0), 150px 50px 0 0 rgba(255,255,255,0), 150px 100px 0 0 rgba(255,255,255,0), 150px 150px 0 0 rgba(255,255,255,0), 150px 200px 0 0 rgba(255,255,255,0), 150px 250px 0 0 #BEDB39, 200px 0px 0 0 rgba(255,255,255,0), 200px 50px 0 0 rgba(255,255,255,0), 200px 100px 0 0 rgba(255,255,255,0), 200px 150px 0 0 rgba(255,255,255,0), 200px 200px 0 0 rgba(255,255,255,0), 200px 250px 0 0 #1F8A70, 250px 0px 0 0 rgba(255,255,255,0), 250px 50px 0 0 rgba(255,255,255,0), 250px 100px 0 0 rgba(255,255,255,0), 250px 150px 0 0 rgba(255,255,255,0), 250px 200px 0 0 rgba(255,255,255,0), 250px 250px 0 0 #004358;}
56.25% {box-shadow: 0px 0px 0 0 rgba(255,255,255,0), 0px 50px 0 0 rgba(255,255,255,0), 0px 100px 0 0 rgba(255,255,255,0), 0px 150px 0 0 rgba(255,255,255,0), 0px 200px 0 0 rgba(255,255,255,0), 0px 250px 0 0 rgba(255,255,255,0), 50px 0px 0 0 rgba(255,255,255,0), 50px 50px 0 0 rgba(255,255,255,0), 50px 100px 0 0 rgba(255,255,255,0), 50px 150px 0 0 rgba(255,255,255,0), 50px 200px 0 0 #FD7400, 50px 250px 0 0 #FFE11A, 100px 0px 0 0 rgba(255,255,255,0), 100px 50px 0 0 rgba(255,255,255,0), 100px 100px 0 0 rgba(255,255,255,0), 100px 150px 0 0 rgba(255,255,255,0), 100px 200px 0 0 rgba(255,255,255,0), 100px 250px 0 0 #BEDB39, 150px 0px 0 0 rgba(255,255,255,0), 150px 50px 0 0 rgba(255,255,255,0), 150px 100px 0 0 rgba(255,255,255,0), 150px 150px 0 0 rgba(255,255,255,0), 150px 200px 0 0 rgba(255,255,255,0), 150px 250px 0 0 #1F8A70, 200px 0px 0 0 rgba(255,255,255,0), 200px 50px 0 0 rgba(255,255,255,0), 200px 100px 0 0 rgba(255,255,255,0), 200px 150px 0 0 rgba(255,255,255,0), 200px 200px 0 0 rgba(255,255,255,0), 200px 250px 0 0 #004358, 250px 0px 0 0 rgba(255,255,255,0), 250px 50px 0 0 rgba(255,255,255,0), 250px 100px 0 0 rgba(255,255,255,0), 250px 150px 0 0 rgba(255,255,255,0), 250px 200px 0 0 rgba(255,255,255,0), 250px 250px 0 0 rgba(255,255,255,0);}
62.5% {box-shadow: 0px 0px 0 0 rgba(255,255,255,0), 0px 50px 0 0 rgba(255,255,255,0), 0px 100px 0 0 rgba(255,255,255,0), 0px 150px 0 0 rgba(255,255,255,0), 0px 200px 0 0 rgba(255,255,255,0), 0px 250px 0 0 rgba(255,255,255,0), 50px 0px 0 0 rgba(255,255,255,0), 50px 50px 0 0 rgba(255,255,255,0), 50px 100px 0 0 rgba(255,255,255,0), 50px 150px 0 0 #FD7400, 50px 200px 0 0 #FFE11A, 50px 250px 0 0 #BEDB39, 100px 0px 0 0 rgba(255,255,255,0), 100px 50px 0 0 rgba(255,255,255,0), 100px 100px 0 0 rgba(255,255,255,0), 100px 150px 0 0 rgba(255,255,255,0), 100px 200px 0 0 rgba(255,255,255,0), 100px 250px 0 0 #1F8A70, 150px 0px 0 0 rgba(255,255,255,0), 150px 50px 0 0 rgba(255,255,255,0), 150px 100px 0 0 rgba(255,255,255,0), 150px 150px 0 0 rgba(255,255,255,0), 150px 200px 0 0 rgba(255,255,255,0), 150px 250px 0 0 #004358, 200px 0px 0 0 rgba(255,255,255,0), 200px 50px 0 0 rgba(255,255,255,0), 200px 100px 0 0 rgba(255,255,255,0), 200px 150px 0 0 rgba(255,255,255,0), 200px 200px 0 0 rgba(255,255,255,0), 200px 250px 0 0 rgba(255,255,255,0), 250px 0px 0 0 rgba(255,255,255,0), 250px 50px 0 0 rgba(255,255,255,0), 250px 100px 0 0 rgba(255,255,255,0), 250px 150px 0 0 rgba(255,255,255,0), 250px 200px 0 0 rgba(255,255,255,0), 250px 250px 0 0 rgba(255,255,255,0);}
68.75% {box-shadow: 0px 0px 0 0 rgba(255,255,255,0), 0px 50px 0 0 rgba(255,255,255,0), 0px 100px 0 0 rgba(255,255,255,0), 0px 150px 0 0 rgba(255,255,255,0), 0px 200px 0 0 rgba(255,255,255,0), 0px 250px 0 0 rgba(255,255,255,0), 50px 0px 0 0 rgba(255,255,255,0), 50px 50px 0 0 rgba(255,255,255,0), 50px 100px 0 0 #FD7400, 50px 150px 0 0 #FFE11A, 50px 200px 0 0 #BEDB39, 50px 250px 0 0 #1F8A70, 100px 0px 0 0 rgba(255,255,255,0), 100px 50px 0 0 rgba(255,255,255,0), 100px 100px 0 0 rgba(255,255,255,0), 100px 150px 0 0 rgba(255,255,255,0), 100px 200px 0 0 rgba(255,255,255,0), 100px 250px 0 0 #004358, 150px 0px 0 0 rgba(255,255,255,0), 150px 50px 0 0 rgba(255,255,255,0), 150px 100px 0 0 rgba(255,255,255,0), 150px 150px 0 0 rgba(255,255,255,0), 150px 200px 0 0 rgba(255,255,255,0), 150px 250px 0 0 rgba(255,255,255,0), 200px 0px 0 0 rgba(255,255,255,0), 200px 50px 0 0 rgba(255,255,255,0), 200px 100px 0 0 rgba(255,255,255,0), 200px 150px 0 0 rgba(255,255,255,0), 200px 200px 0 0 rgba(255,255,255,0), 200px 250px 0 0 rgba(255,255,255,0), 250px 0px 0 0 rgba(255,255,255,0), 250px 50px 0 0 rgba(255,255,255,0), 250px 100px 0 0 rgba(255,255,255,0), 250px 150px 0 0 rgba(255,255,255,0), 250px 200px 0 0 rgba(255,255,255,0), 250px 250px 0 0 rgba(255,255,255,0);}
75% {box-shadow: 0px 0px 0 0 rgba(255,255,255,0), 0px 50px 0 0 rgba(255,255,255,0), 0px 100px 0 0 rgba(255,255,255,0), 0px 150px 0 0 rgba(255,255,255,0), 0px 200px 0 0 rgba(255,255,255,0), 0px 250px 0 0 rgba(255,255,255,0), 50px 0px 0 0 rgba(255,255,255,0), 50px 50px 0 0 #FD7400, 50px 100px 0 0 #FFE11A, 50px 150px 0 0 #BEDB39, 50px 200px 0 0 #1F8A70, 50px 250px 0 0 #004358, 100px 0px 0 0 rgba(255,255,255,0), 100px 50px 0 0 rgba(255,255,255,0), 100px 100px 0 0 rgba(255,255,255,0), 100px 150px 0 0 rgba(255,255,255,0), 100px 200px 0 0 rgba(255,255,255,0), 100px 250px 0 0 rgba(255,255,255,0), 150px 0px 0 0 rgba(255,255,255,0), 150px 50px 0 0 rgba(255,255,255,0), 150px 100px 0 0 rgba(255,255,255,0), 150px 150px 0 0 rgba(255,255,255,0), 150px 200px 0 0 rgba(255,255,255,0), 150px 250px 0 0 rgba(255,255,255,0), 200px 0px 0 0 rgba(255,255,255,0), 200px 50px 0 0 rgba(255,255,255,0), 200px 100px 0 0 rgba(255,255,255,0), 200px 150px 0 0 rgba(255,255,255,0), 200px 200px 0 0 rgba(255,255,255,0), 200px 250px 0 0 rgba(255,255,255,0), 250px 0px 0 0 rgba(255,255,255,0), 250px 50px 0 0 rgba(255,255,255,0), 250px 100px 0 0 rgba(255,255,255,0), 250px 150px 0 0 rgba(255,255,255,0), 250px 200px 0 0 rgba(255,255,255,0), 250px 250px 0 0 rgba(255,255,255,0);}
81.25% {box-shadow: 0px 0px 0 0 rgba(255,255,255,0), 0px 50px 0 0 rgba(255,255,255,0), 0px 100px 0 0 rgba(255,255,255,0), 0px 150px 0 0 rgba(255,255,255,0), 0px 200px 0 0 rgba(255,255,255,0), 0px 250px 0 0 rgba(255,255,255,0), 50px 0px 0 0 rgba(255,255,255,0), 50px 50px 0 0 #FFE11A, 50px 100px 0 0 #BEDB39, 50px 150px 0 0 #1F8A70, 50px 200px 0 0 #004358, 50px 250px 0 0 rgba(255,255,255,0), 100px 0px 0 0 rgba(255,255,255,0), 100px 50px 0 0 #FD7400, 100px 100px 0 0 rgba(255,255,255,0), 100px 150px 0 0 rgba(255,255,255,0), 100px 200px 0 0 rgba(255,255,255,0), 100px 250px 0 0 rgba(255,255,255,0), 150px 0px 0 0 rgba(255,255,255,0), 150px 50px 0 0 rgba(255,255,255,0), 150px 100px 0 0 rgba(255,255,255,0), 150px 150px 0 0 rgba(255,255,255,0), 150px 200px 0 0 rgba(255,255,255,0), 150px 250px 0 0 rgba(255,255,255,0), 200px 0px 0 0 rgba(255,255,255,0), 200px 50px 0 0 rgba(255,255,255,0), 200px 100px 0 0 rgba(255,255,255,0), 200px 150px 0 0 rgba(255,255,255,0), 200px 200px 0 0 rgba(255,255,255,0), 200px 250px 0 0 rgba(255,255,255,0), 250px 0px 0 0 rgba(255,255,255,0), 250px 50px 0 0 rgba(255,255,255,0), 250px 100px 0 0 rgba(255,255,255,0), 250px 150px 0 0 rgba(255,255,255,0), 250px 200px 0 0 rgba(255,255,255,0), 250px 250px 0 0 rgba(255,255,255,0);}
87.5% {box-shadow: 0px 0px 0 0 rgba(255,255,255,0), 0px 50px 0 0 rgba(255,255,255,0), 0px 100px 0 0 rgba(255,255,255,0), 0px 150px 0 0 rgba(255,255,255,0), 0px 200px 0 0 rgba(255,255,255,0), 0px 250px 0 0 rgba(255,255,255,0), 50px 0px 0 0 rgba(255,255,255,0), 50px 50px 0 0 #BEDB39, 50px 100px 0 0 #1F8A70, 50px 150px 0 0 #004358, 50px 200px 0 0 rgba(255,255,255,0), 50px 250px 0 0 rgba(255,255,255,0), 100px 0px 0 0 rgba(255,255,255,0), 100px 50px 0 0 #FFE11A, 100px 100px 0 0 rgba(255,255,255,0), 100px 150px 0 0 rgba(255,255,255,0), 100px 200px 0 0 rgba(255,255,255,0), 100px 250px 0 0 rgba(255,255,255,0), 150px 0px 0 0 rgba(255,255,255,0), 150px 50px 0 0 #FD7400, 150px 100px 0 0 rgba(255,255,255,0), 150px 150px 0 0 rgba(255,255,255,0), 150px 200px 0 0 rgba(255,255,255,0), 150px 250px 0 0 rgba(255,255,255,0), 200px 0px 0 0 rgba(255,255,255,0), 200px 50px 0 0 rgba(255,255,255,0), 200px 100px 0 0 rgba(255,255,255,0), 200px 150px 0 0 rgba(255,255,255,0), 200px 200px 0 0 rgba(255,255,255,0), 200px 250px 0 0 rgba(255,255,255,0), 250px 0px 0 0 rgba(255,255,255,0), 250px 50px 0 0 rgba(255,255,255,0), 250px 100px 0 0 rgba(255,255,255,0), 250px 150px 0 0 rgba(255,255,255,0), 250px 200px 0 0 rgba(255,255,255,0), 250px 250px 0 0 rgba(255,255,255,0);}
93.75% {box-shadow: 0px 0px 0 0 rgba(255,255,255,0), 0px 50px 0 0 rgba(255,255,255,0), 0px 100px 0 0 rgba(255,255,255,0), 0px 150px 0 0 rgba(255,255,255,0), 0px 200px 0 0 rgba(255,255,255,0), 0px 250px 0 0 rgba(255,255,255,0), 50px 0px 0 0 rgba(255,255,255,0), 50px 50px 0 0 #1F8A70, 50px 100px 0 0 #004358, 50px 150px 0 0 rgba(255,255,255,0), 50px 200px 0 0 rgba(255,255,255,0), 50px 250px 0 0 rgba(255,255,255,0), 100px 0px 0 0 rgba(255,255,255,0), 100px 50px 0 0 #BEDB39, 100px 100px 0 0 rgba(255,255,255,0), 100px 150px 0 0 rgba(255,255,255,0), 100px 200px 0 0 rgba(255,255,255,0), 100px 250px 0 0 rgba(255,255,255,0), 150px 0px 0 0 rgba(255,255,255,0), 150px 50px 0 0 #FFE11A, 150px 100px 0 0 rgba(255,255,255,0), 150px 150px 0 0 rgba(255,255,255,0), 150px 200px 0 0 rgba(255,255,255,0), 150px 250px 0 0 rgba(255,255,255,0), 200px 0px 0 0 rgba(255,255,255,0), 200px 50px 0 0 #FD7400, 200px 100px 0 0 rgba(255,255,255,0), 200px 150px 0 0 rgba(255,255,255,0), 200px 200px 0 0 rgba(255,255,255,0), 200px 250px 0 0 rgba(255,255,255,0), 250px 0px 0 0 rgba(255,255,255,0), 250px 50px 0 0 rgba(255,255,255,0), 250px 100px 0 0 rgba(255,255,255,0), 250px 150px 0 0 rgba(255,255,255,0), 250px 200px 0 0 rgba(255,255,255,0), 250px 250px 0 0 rgba(255,255,255,0);}
}
@keyframes shadows {
0% {box-shadow: 0px 0px 0 0 rgba(255,255,255,0), 0px 50px 0 0 rgba(255,255,255,0), 0px 100px 0 0 rgba(255,255,255,0), 0px 150px 0 0 rgba(255,255,255,0), 0px 200px 0 0 rgba(255,255,255,0), 0px 250px 0 0 rgba(255,255,255,0), 50px 0px 0 0 rgba(255,255,255,0), 50px 50px 0 0 #004358, 50px 100px 0 0 rgba(255,255,255,0), 50px 150px 0 0 rgba(255,255,255,0), 50px 200px 0 0 rgba(255,255,255,0), 50px 250px 0 0 rgba(255,255,255,0), 100px 0px 0 0 rgba(255,255,255,0), 100px 50px 0 0 #1F8A70, 100px 100px 0 0 rgba(255,255,255,0), 100px 150px 0 0 rgba(255,255,255,0), 100px 200px 0 0 rgba(255,255,255,0), 100px 250px 0 0 rgba(255,255,255,0), 150px 0px 0 0 rgba(255,255,255,0), 150px 50px 0 0 #BEDB39, 150px 100px 0 0 rgba(255,255,255,0), 150px 150px 0 0 rgba(255,255,255,0), 150px 200px 0 0 rgba(255,255,255,0), 150px 250px 0 0 rgba(255,255,255,0), 200px 0px 0 0 rgba(255,255,255,0), 200px 50px 0 0 #FFE11A, 200px 100px 0 0 rgba(255,255,255,0), 200px 150px 0 0 rgba(255,255,255,0), 200px 200px 0 0 rgba(255,255,255,0), 200px 250px 0 0 rgba(255,255,255,0), 250px 0px 0 0 rgba(255,255,255,0), 250px 50px 0 0 #FD7400, 250px 100px 0 0 rgba(255,255,255,0), 250px 150px 0 0 rgba(255,255,255,0), 250px 200px 0 0 rgba(255,255,255,0), 250px 250px 0 0 rgba(255,255,255,0);}
6.25% {box-shadow: 0px 0px 0 0 rgba(255,255,255,0), 0px 50px 0 0 rgba(255,255,255,0), 0px 100px 0 0 rgba(255,255,255,0), 0px 150px 0 0 rgba(255,255,255,0), 0px 200px 0 0 rgba(255,255,255,0), 0px 250px 0 0 rgba(255,255,255,0), 50px 0px 0 0 rgba(255,255,255,0), 50px 50px 0 0 rgba(255,255,255,0), 50px 100px 0 0 rgba(255,255,255,0), 50px 150px 0 0 rgba(255,255,255,0), 50px 200px 0 0 rgba(255,255,255,0), 50px 250px 0 0 rgba(255,255,255,0), 100px 0px 0 0 rgba(255,255,255,0), 100px 50px 0 0 #004358, 100px 100px 0 0 rgba(255,255,255,0), 100px 150px 0 0 rgba(255,255,255,0), 100px 200px 0 0 rgba(255,255,255,0), 100px 250px 0 0 rgba(255,255,255,0), 150px 0px 0 0 rgba(255,255,255,0), 150px 50px 0 0 #1F8A70, 150px 100px 0 0 rgba(255,255,255,0), 150px 150px 0 0 rgba(255,255,255,0), 150px 200px 0 0 rgba(255,255,255,0), 150px 250px 0 0 rgba(255,255,255,0), 200px 0px 0 0 rgba(255,255,255,0), 200px 50px 0 0 #BEDB39, 200px 100px 0 0 rgba(255,255,255,0), 200px 150px 0 0 rgba(255,255,255,0), 200px 200px 0 0 rgba(255,255,255,0), 200px 250px 0 0 rgba(255,255,255,0), 250px 0px 0 0 rgba(255,255,255,0), 250px 50px 0 0 #FFE11A, 250px 100px 0 0 #FD7400, 250px 150px 0 0 rgba(255,255,255,0), 250px 200px 0 0 rgba(255,255,255,0), 250px 250px 0 0 rgba(255,255,255,0);}
12.5% {box-shadow: 0px 0px 0 0 rgba(255,255,255,0), 0px 50px 0 0 rgba(255,255,255,0), 0px 100px 0 0 rgba(255,255,255,0), 0px 150px 0 0 rgba(255,255,255,0), 0px 200px 0 0 rgba(255,255,255,0), 0px 250px 0 0 rgba(255,255,255,0), 50px 0px 0 0 rgba(255,255,255,0), 50px 50px 0 0 rgba(255,255,255,0), 50px 100px 0 0 rgba(255,255,255,0), 50px 150px 0 0 rgba(255,255,255,0), 50px 200px 0 0 rgba(255,255,255,0), 50px 250px 0 0 rgba(255,255,255,0), 100px 0px 0 0 rgba(255,255,255,0), 100px 50px 0 0 rgba(255,255,255,0), 100px 100px 0 0 rgba(255,255,255,0), 100px 150px 0 0 rgba(255,255,255,0), 100px 200px 0 0 rgba(255,255,255,0), 100px 250px 0 0 rgba(255,255,255,0), 150px 0px 0 0 rgba(255,255,255,0), 150px 50px 0 0 #004358, 150px 100px 0 0 rgba(255,255,255,0), 150px 150px 0 0 rgba(255,255,255,0), 150px 200px 0 0 rgba(255,255,255,0), 150px 250px 0 0 rgba(255,255,255,0), 200px 0px 0 0 rgba(255,255,255,0), 200px 50px 0 0 #1F8A70, 200px 100px 0 0 rgba(255,255,255,0), 200px 150px 0 0 rgba(255,255,255,0), 200px 200px 0 0 rgba(255,255,255,0), 200px 250px 0 0 rgba(255,255,255,0), 250px 0px 0 0 rgba(255,255,255,0), 250px 50px 0 0 #BEDB39, 250px 100px 0 0 #FFE11A, 250px 150px 0 0 #FD7400, 250px 200px 0 0 rgba(255,255,255,0), 250px 250px 0 0 rgba(255,255,255,0);}
18.75% {box-shadow: 0px 0px 0 0 rgba(255,255,255,0), 0px 50px 0 0 rgba(255,255,255,0), 0px 100px 0 0 rgba(255,255,255,0), 0px 150px 0 0 rgba(255,255,255,0), 0px 200px 0 0 rgba(255,255,255,0), 0px 250px 0 0 rgba(255,255,255,0), 50px 0px 0 0 rgba(255,255,255,0), 50px 50px 0 0 rgba(255,255,255,0), 50px 100px 0 0 rgba(255,255,255,0), 50px 150px 0 0 rgba(255,255,255,0), 50px 200px 0 0 rgba(255,255,255,0), 50px 250px 0 0 rgba(255,255,255,0), 100px 0px 0 0 rgba(255,255,255,0), 100px 50px 0 0 rgba(255,255,255,0), 100px 100px 0 0 rgba(255,255,255,0), 100px 150px 0 0 rgba(255,255,255,0), 100px 200px 0 0 rgba(255,255,255,0), 100px 250px 0 0 rgba(255,255,255,0), 150px 0px 0 0 rgba(255,255,255,0), 150px 50px 0 0 rgba(255,255,255,0), 150px 100px 0 0 rgba(255,255,255,0), 150px 150px 0 0 rgba(255,255,255,0), 150px 200px 0 0 rgba(255,255,255,0), 150px 250px 0 0 rgba(255,255,255,0), 200px 0px 0 0 rgba(255,255,255,0), 200px 50px 0 0 #004358, 200px 100px 0 0 rgba(255,255,255,0), 200px 150px 0 0 rgba(255,255,255,0), 200px 200px 0 0 rgba(255,255,255,0), 200px 250px 0 0 rgba(255,255,255,0), 250px 0px 0 0 rgba(255,255,255,0), 250px 50px 0 0 #1F8A70, 250px 100px 0 0 #BEDB39, 250px 150px 0 0 #FFE11A, 250px 200px 0 0 #FD7400, 250px 250px 0 0 rgba(255,255,255,0);}
25% {box-shadow: 0px 0px 0 0 rgba(255,255,255,0), 0px 50px 0 0 rgba(255,255,255,0), 0px 100px 0 0 rgba(255,255,255,0), 0px 150px 0 0 rgba(255,255,255,0), 0px 200px 0 0 rgba(255,255,255,0), 0px 250px 0 0 rgba(255,255,255,0), 50px 0px 0 0 rgba(255,255,255,0), 50px 50px 0 0 rgba(255,255,255,0), 50px 100px 0 0 rgba(255,255,255,0), 50px 150px 0 0 rgba(255,255,255,0), 50px 200px 0 0 rgba(255,255,255,0), 50px 250px 0 0 rgba(255,255,255,0), 100px 0px 0 0 rgba(255,255,255,0), 100px 50px 0 0 rgba(255,255,255,0), 100px 100px 0 0 rgba(255,255,255,0), 100px 150px 0 0 rgba(255,255,255,0), 100px 200px 0 0 rgba(255,255,255,0), 100px 250px 0 0 rgba(255,255,255,0), 150px 0px 0 0 rgba(255,255,255,0), 150px 50px 0 0 rgba(255,255,255,0), 150px 100px 0 0 rgba(255,255,255,0), 150px 150px 0 0 rgba(255,255,255,0), 150px 200px 0 0 rgba(255,255,255,0), 150px 250px 0 0 rgba(255,255,255,0), 200px 0px 0 0 rgba(255,255,255,0), 200px 50px 0 0 rgba(255,255,255,0), 200px 100px 0 0 rgba(255,255,255,0), 200px 150px 0 0 rgba(255,255,255,0), 200px 200px 0 0 rgba(255,255,255,0), 200px 250px 0 0 rgba(255,255,255,0), 250px 0px 0 0 rgba(255,255,255,0), 250px 50px 0 0 #004358, 250px 100px 0 0 #1F8A70, 250px 150px 0 0 #BEDB39, 250px 200px 0 0 #FFE11A, 250px 250px 0 0 #FD7400;}
31.25% {box-shadow: 0px 0px 0 0 rgba(255,255,255,0), 0px 50px 0 0 rgba(255,255,255,0), 0px 100px 0 0 rgba(255,255,255,0), 0px 150px 0 0 rgba(255,255,255,0), 0px 200px 0 0 rgba(255,255,255,0), 0px 250px 0 0 rgba(255,255,255,0), 50px 0px 0 0 rgba(255,255,255,0), 50px 50px 0 0 rgba(255,255,255,0), 50px 100px 0 0 rgba(255,255,255,0), 50px 150px 0 0 rgba(255,255,255,0), 50px 200px 0 0 rgba(255,255,255,0), 50px 250px 0 0 rgba(255,255,255,0), 100px 0px 0 0 rgba(255,255,255,0), 100px 50px 0 0 rgba(255,255,255,0), 100px 100px 0 0 rgba(255,255,255,0), 100px 150px 0 0 rgba(255,255,255,0), 100px 200px 0 0 rgba(255,255,255,0), 100px 250px 0 0 rgba(255,255,255,0), 150px 0px 0 0 rgba(255,255,255,0), 150px 50px 0 0 rgba(255,255,255,0), 150px 100px 0 0 rgba(255,255,255,0), 150px 150px 0 0 rgba(255,255,255,0), 150px 200px 0 0 rgba(255,255,255,0), 150px 250px 0 0 rgba(255,255,255,0), 200px 0px 0 0 rgba(255,255,255,0), 200px 50px 0 0 rgba(255,255,255,0), 200px 100px 0 0 rgba(255,255,255,0), 200px 150px 0 0 rgba(255,255,255,0), 200px 200px 0 0 rgba(255,255,255,0), 200px 250px 0 0 #FD7400, 250px 0px 0 0 rgba(255,255,255,0), 250px 50px 0 0 rgba(255,255,255,0), 250px 100px 0 0 #004358, 250px 150px 0 0 #1F8A70, 250px 200px 0 0 #BEDB39, 250px 250px 0 0 #FFE11A;}
37.5% {box-shadow: 0px 0px 0 0 rgba(255,255,255,0), 0px 50px 0 0 rgba(255,255,255,0), 0px 100px 0 0 rgba(255,255,255,0), 0px 150px 0 0 rgba(255,255,255,0), 0px 200px 0 0 rgba(255,255,255,0), 0px 250px 0 0 rgba(255,255,255,0), 50px 0px 0 0 rgba(255,255,255,0), 50px 50px 0 0 rgba(255,255,255,0), 50px 100px 0 0 rgba(255,255,255,0), 50px 150px 0 0 rgba(255,255,255,0), 50px 200px 0 0 rgba(255,255,255,0), 50px 250px 0 0 rgba(255,255,255,0), 100px 0px 0 0 rgba(255,255,255,0), 100px 50px 0 0 rgba(255,255,255,0), 100px 100px 0 0 rgba(255,255,255,0), 100px 150px 0 0 rgba(255,255,255,0), 100px 200px 0 0 rgba(255,255,255,0), 100px 250px 0 0 rgba(255,255,255,0), 150px 0px 0 0 rgba(255,255,255,0), 150px 50px 0 0 rgba(255,255,255,0), 150px 100px 0 0 rgba(255,255,255,0), 150px 150px 0 0 rgba(255,255,255,0), 150px 200px 0 0 rgba(255,255,255,0), 150px 250px 0 0 #FD7400, 200px 0px 0 0 rgba(255,255,255,0), 200px 50px 0 0 rgba(255,255,255,0), 200px 100px 0 0 rgba(255,255,255,0), 200px 150px 0 0 rgba(255,255,255,0), 200px 200px 0 0 rgba(255,255,255,0), 200px 250px 0 0 #FFE11A, 250px 0px 0 0 rgba(255,255,255,0), 250px 50px 0 0 rgba(255,255,255,0), 250px 100px 0 0 rgba(255,255,255,0), 250px 150px 0 0 #004358, 250px 200px 0 0 #1F8A70, 250px 250px 0 0 #BEDB39;}
43.75% {box-shadow: 0px 0px 0 0 rgba(255,255,255,0), 0px 50px 0 0 rgba(255,255,255,0), 0px 100px 0 0 rgba(255,255,255,0), 0px 150px 0 0 rgba(255,255,255,0), 0px 200px 0 0 rgba(255,255,255,0), 0px 250px 0 0 rgba(255,255,255,0), 50px 0px 0 0 rgba(255,255,255,0), 50px 50px 0 0 rgba(255,255,255,0), 50px 100px 0 0 rgba(255,255,255,0), 50px 150px 0 0 rgba(255,255,255,0), 50px 200px 0 0 rgba(255,255,255,0), 50px 250px 0 0 rgba(255,255,255,0), 100px 0px 0 0 rgba(255,255,255,0), 100px 50px 0 0 rgba(255,255,255,0), 100px 100px 0 0 rgba(255,255,255,0), 100px 150px 0 0 rgba(255,255,255,0), 100px 200px 0 0 rgba(255,255,255,0), 100px 250px 0 0 #FD7400, 150px 0px 0 0 rgba(255,255,255,0), 150px 50px 0 0 rgba(255,255,255,0), 150px 100px 0 0 rgba(255,255,255,0), 150px 150px 0 0 rgba(255,255,255,0), 150px 200px 0 0 rgba(255,255,255,0), 150px 250px 0 0 #FFE11A, 200px 0px 0 0 rgba(255,255,255,0), 200px 50px 0 0 rgba(255,255,255,0), 200px 100px 0 0 rgba(255,255,255,0), 200px 150px 0 0 rgba(255,255,255,0), 200px 200px 0 0 rgba(255,255,255,0), 200px 250px 0 0 #BEDB39, 250px 0px 0 0 rgba(255,255,255,0), 250px 50px 0 0 rgba(255,255,255,0), 250px 100px 0 0 rgba(255,255,255,0), 250px 150px 0 0 rgba(255,255,255,0), 250px 200px 0 0 #004358, 250px 250px 0 0 #1F8A70;}
50% {box-shadow: 0px 0px 0 0 rgba(255,255,255,0), 0px 50px 0 0 rgba(255,255,255,0), 0px 100px 0 0 rgba(255,255,255,0), 0px 150px 0 0 rgba(255,255,255,0), 0px 200px 0 0 rgba(255,255,255,0), 0px 250px 0 0 rgba(255,255,255,0), 50px 0px 0 0 rgba(255,255,255,0), 50px 50px 0 0 rgba(255,255,255,0), 50px 100px 0 0 rgba(255,255,255,0), 50px 150px 0 0 rgba(255,255,255,0), 50px 200px 0 0 rgba(255,255,255,0), 50px 250px 0 0 #FD7400, 100px 0px 0 0 rgba(255,255,255,0), 100px 50px 0 0 rgba(255,255,255,0), 100px 100px 0 0 rgba(255,255,255,0), 100px 150px 0 0 rgba(255,255,255,0), 100px 200px 0 0 rgba(255,255,255,0), 100px 250px 0 0 #FFE11A, 150px 0px 0 0 rgba(255,255,255,0), 150px 50px 0 0 rgba(255,255,255,0), 150px 100px 0 0 rgba(255,255,255,0), 150px 150px 0 0 rgba(255,255,255,0), 150px 200px 0 0 rgba(255,255,255,0), 150px 250px 0 0 #BEDB39, 200px 0px 0 0 rgba(255,255,255,0), 200px 50px 0 0 rgba(255,255,255,0), 200px 100px 0 0 rgba(255,255,255,0), 200px 150px 0 0 rgba(255,255,255,0), 200px 200px 0 0 rgba(255,255,255,0), 200px 250px 0 0 #1F8A70, 250px 0px 0 0 rgba(255,255,255,0), 250px 50px 0 0 rgba(255,255,255,0), 250px 100px 0 0 rgba(255,255,255,0), 250px 150px 0 0 rgba(255,255,255,0), 250px 200px 0 0 rgba(255,255,255,0), 250px 250px 0 0 #004358;}
56.25% {box-shadow: 0px 0px 0 0 rgba(255,255,255,0), 0px 50px 0 0 rgba(255,255,255,0), 0px 100px 0 0 rgba(255,255,255,0), 0px 150px 0 0 rgba(255,255,255,0), 0px 200px 0 0 rgba(255,255,255,0), 0px 250px 0 0 rgba(255,255,255,0), 50px 0px 0 0 rgba(255,255,255,0), 50px 50px 0 0 rgba(255,255,255,0), 50px 100px 0 0 rgba(255,255,255,0), 50px 150px 0 0 rgba(255,255,255,0), 50px 200px 0 0 #FD7400, 50px 250px 0 0 #FFE11A, 100px 0px 0 0 rgba(255,255,255,0), 100px 50px 0 0 rgba(255,255,255,0), 100px 100px 0 0 rgba(255,255,255,0), 100px 150px 0 0 rgba(255,255,255,0), 100px 200px 0 0 rgba(255,255,255,0), 100px 250px 0 0 #BEDB39, 150px 0px 0 0 rgba(255,255,255,0), 150px 50px 0 0 rgba(255,255,255,0), 150px 100px 0 0 rgba(255,255,255,0), 150px 150px 0 0 rgba(255,255,255,0), 150px 200px 0 0 rgba(255,255,255,0), 150px 250px 0 0 #1F8A70, 200px 0px 0 0 rgba(255,255,255,0), 200px 50px 0 0 rgba(255,255,255,0), 200px 100px 0 0 rgba(255,255,255,0), 200px 150px 0 0 rgba(255,255,255,0), 200px 200px 0 0 rgba(255,255,255,0), 200px 250px 0 0 #004358, 250px 0px 0 0 rgba(255,255,255,0), 250px 50px 0 0 rgba(255,255,255,0), 250px 100px 0 0 rgba(255,255,255,0), 250px 150px 0 0 rgba(255,255,255,0), 250px 200px 0 0 rgba(255,255,255,0), 250px 250px 0 0 rgba(255,255,255,0);}
62.5% {box-shadow: 0px 0px 0 0 rgba(255,255,255,0), 0px 50px 0 0 rgba(255,255,255,0), 0px 100px 0 0 rgba(255,255,255,0), 0px 150px 0 0 rgba(255,255,255,0), 0px 200px 0 0 rgba(255,255,255,0), 0px 250px 0 0 rgba(255,255,255,0), 50px 0px 0 0 rgba(255,255,255,0), 50px 50px 0 0 rgba(255,255,255,0), 50px 100px 0 0 rgba(255,255,255,0), 50px 150px 0 0 #FD7400, 50px 200px 0 0 #FFE11A, 50px 250px 0 0 #BEDB39, 100px 0px 0 0 rgba(255,255,255,0), 100px 50px 0 0 rgba(255,255,255,0), 100px 100px 0 0 rgba(255,255,255,0), 100px 150px 0 0 rgba(255,255,255,0), 100px 200px 0 0 rgba(255,255,255,0), 100px 250px 0 0 #1F8A70, 150px 0px 0 0 rgba(255,255,255,0), 150px 50px 0 0 rgba(255,255,255,0), 150px 100px 0 0 rgba(255,255,255,0), 150px 150px 0 0 rgba(255,255,255,0), 150px 200px 0 0 rgba(255,255,255,0), 150px 250px 0 0 #004358, 200px 0px 0 0 rgba(255,255,255,0), 200px 50px 0 0 rgba(255,255,255,0), 200px 100px 0 0 rgba(255,255,255,0), 200px 150px 0 0 rgba(255,255,255,0), 200px 200px 0 0 rgba(255,255,255,0), 200px 250px 0 0 rgba(255,255,255,0), 250px 0px 0 0 rgba(255,255,255,0), 250px 50px 0 0 rgba(255,255,255,0), 250px 100px 0 0 rgba(255,255,255,0), 250px 150px 0 0 rgba(255,255,255,0), 250px 200px 0 0 rgba(255,255,255,0), 250px 250px 0 0 rgba(255,255,255,0);}
68.75% {box-shadow: 0px 0px 0 0 rgba(255,255,255,0), 0px 50px 0 0 rgba(255,255,255,0), 0px 100px 0 0 rgba(255,255,255,0), 0px 150px 0 0 rgba(255,255,255,0), 0px 200px 0 0 rgba(255,255,255,0), 0px 250px 0 0 rgba(255,255,255,0), 50px 0px 0 0 rgba(255,255,255,0), 50px 50px 0 0 rgba(255,255,255,0), 50px 100px 0 0 #FD7400, 50px 150px 0 0 #FFE11A, 50px 200px 0 0 #BEDB39, 50px 250px 0 0 #1F8A70, 100px 0px 0 0 rgba(255,255,255,0), 100px 50px 0 0 rgba(255,255,255,0), 100px 100px 0 0 rgba(255,255,255,0), 100px 150px 0 0 rgba(255,255,255,0), 100px 200px 0 0 rgba(255,255,255,0), 100px 250px 0 0 #004358, 150px 0px 0 0 rgba(255,255,255,0), 150px 50px 0 0 rgba(255,255,255,0), 150px 100px 0 0 rgba(255,255,255,0), 150px 150px 0 0 rgba(255,255,255,0), 150px 200px 0 0 rgba(255,255,255,0), 150px 250px 0 0 rgba(255,255,255,0), 200px 0px 0 0 rgba(255,255,255,0), 200px 50px 0 0 rgba(255,255,255,0), 200px 100px 0 0 rgba(255,255,255,0), 200px 150px 0 0 rgba(255,255,255,0), 200px 200px 0 0 rgba(255,255,255,0), 200px 250px 0 0 rgba(255,255,255,0), 250px 0px 0 0 rgba(255,255,255,0), 250px 50px 0 0 rgba(255,255,255,0), 250px 100px 0 0 rgba(255,255,255,0), 250px 150px 0 0 rgba(255,255,255,0), 250px 200px 0 0 rgba(255,255,255,0), 250px 250px 0 0 rgba(255,255,255,0);}
75% {box-shadow: 0px 0px 0 0 rgba(255,255,255,0), 0px 50px 0 0 rgba(255,255,255,0), 0px 100px 0 0 rgba(255,255,255,0), 0px 150px 0 0 rgba(255,255,255,0), 0px 200px 0 0 rgba(255,255,255,0), 0px 250px 0 0 rgba(255,255,255,0), 50px 0px 0 0 rgba(255,255,255,0), 50px 50px 0 0 #FD7400, 50px 100px 0 0 #FFE11A, 50px 150px 0 0 #BEDB39, 50px 200px 0 0 #1F8A70, 50px 250px 0 0 #004358, 100px 0px 0 0 rgba(255,255,255,0), 100px 50px 0 0 rgba(255,255,255,0), 100px 100px 0 0 rgba(255,255,255,0), 100px 150px 0 0 rgba(255,255,255,0), 100px 200px 0 0 rgba(255,255,255,0), 100px 250px 0 0 rgba(255,255,255,0), 150px 0px 0 0 rgba(255,255,255,0), 150px 50px 0 0 rgba(255,255,255,0), 150px 100px 0 0 rgba(255,255,255,0), 150px 150px 0 0 rgba(255,255,255,0), 150px 200px 0 0 rgba(255,255,255,0), 150px 250px 0 0 rgba(255,255,255,0), 200px 0px 0 0 rgba(255,255,255,0), 200px 50px 0 0 rgba(255,255,255,0), 200px 100px 0 0 rgba(255,255,255,0), 200px 150px 0 0 rgba(255,255,255,0), 200px 200px 0 0 rgba(255,255,255,0), 200px 250px 0 0 rgba(255,255,255,0), 250px 0px 0 0 rgba(255,255,255,0), 250px 50px 0 0 rgba(255,255,255,0), 250px 100px 0 0 rgba(255,255,255,0), 250px 150px 0 0 rgba(255,255,255,0), 250px 200px 0 0 rgba(255,255,255,0), 250px 250px 0 0 rgba(255,255,255,0);}
81.25% {box-shadow: 0px 0px 0 0 rgba(255,255,255,0), 0px 50px 0 0 rgba(255,255,255,0), 0px 100px 0 0 rgba(255,255,255,0), 0px 150px 0 0 rgba(255,255,255,0), 0px 200px 0 0 rgba(255,255,255,0), 0px 250px 0 0 rgba(255,255,255,0), 50px 0px 0 0 rgba(255,255,255,0), 50px 50px 0 0 #FFE11A, 50px 100px 0 0 #BEDB39, 50px 150px 0 0 #1F8A70, 50px 200px 0 0 #004358, 50px 250px 0 0 rgba(255,255,255,0), 100px 0px 0 0 rgba(255,255,255,0), 100px 50px 0 0 #FD7400, 100px 100px 0 0 rgba(255,255,255,0), 100px 150px 0 0 rgba(255,255,255,0), 100px 200px 0 0 rgba(255,255,255,0), 100px 250px 0 0 rgba(255,255,255,0), 150px 0px 0 0 rgba(255,255,255,0), 150px 50px 0 0 rgba(255,255,255,0), 150px 100px 0 0 rgba(255,255,255,0), 150px 150px 0 0 rgba(255,255,255,0), 150px 200px 0 0 rgba(255,255,255,0), 150px 250px 0 0 rgba(255,255,255,0), 200px 0px 0 0 rgba(255,255,255,0), 200px 50px 0 0 rgba(255,255,255,0), 200px 100px 0 0 rgba(255,255,255,0), 200px 150px 0 0 rgba(255,255,255,0), 200px 200px 0 0 rgba(255,255,255,0), 200px 250px 0 0 rgba(255,255,255,0), 250px 0px 0 0 rgba(255,255,255,0), 250px 50px 0 0 rgba(255,255,255,0), 250px 100px 0 0 rgba(255,255,255,0), 250px 150px 0 0 rgba(255,255,255,0), 250px 200px 0 0 rgba(255,255,255,0), 250px 250px 0 0 rgba(255,255,255,0);}
87.5% {box-shadow: 0px 0px 0 0 rgba(255,255,255,0), 0px 50px 0 0 rgba(255,255,255,0), 0px 100px 0 0 rgba(255,255,255,0), 0px 150px 0 0 rgba(255,255,255,0), 0px 200px 0 0 rgba(255,255,255,0), 0px 250px 0 0 rgba(255,255,255,0), 50px 0px 0 0 rgba(255,255,255,0), 50px 50px 0 0 #BEDB39, 50px 100px 0 0 #1F8A70, 50px 150px 0 0 #004358, 50px 200px 0 0 rgba(255,255,255,0), 50px 250px 0 0 rgba(255,255,255,0), 100px 0px 0 0 rgba(255,255,255,0), 100px 50px 0 0 #FFE11A, 100px 100px 0 0 rgba(255,255,255,0), 100px 150px 0 0 rgba(255,255,255,0), 100px 200px 0 0 rgba(255,255,255,0), 100px 250px 0 0 rgba(255,255,255,0), 150px 0px 0 0 rgba(255,255,255,0), 150px 50px 0 0 #FD7400, 150px 100px 0 0 rgba(255,255,255,0), 150px 150px 0 0 rgba(255,255,255,0), 150px 200px 0 0 rgba(255,255,255,0), 150px 250px 0 0 rgba(255,255,255,0), 200px 0px 0 0 rgba(255,255,255,0), 200px 50px 0 0 rgba(255,255,255,0), 200px 100px 0 0 rgba(255,255,255,0), 200px 150px 0 0 rgba(255,255,255,0), 200px 200px 0 0 rgba(255,255,255,0), 200px 250px 0 0 rgba(255,255,255,0), 250px 0px 0 0 rgba(255,255,255,0), 250px 50px 0 0 rgba(255,255,255,0), 250px 100px 0 0 rgba(255,255,255,0), 250px 150px 0 0 rgba(255,255,255,0), 250px 200px 0 0 rgba(255,255,255,0), 250px 250px 0 0 rgba(255,255,255,0);}
93.75% {box-shadow: 0px 0px 0 0 rgba(255,255,255,0), 0px 50px 0 0 rgba(255,255,255,0), 0px 100px 0 0 rgba(255,255,255,0), 0px 150px 0 0 rgba(255,255,255,0), 0px 200px 0 0 rgba(255,255,255,0), 0px 250px 0 0 rgba(255,255,255,0), 50px 0px 0 0 rgba(255,255,255,0), 50px 50px 0 0 #1F8A70, 50px 100px 0 0 #004358, 50px 150px 0 0 rgba(255,255,255,0), 50px 200px 0 0 rgba(255,255,255,0), 50px 250px 0 0 rgba(255,255,255,0), 100px 0px 0 0 rgba(255,255,255,0), 100px 50px 0 0 #BEDB39, 100px 100px 0 0 rgba(255,255,255,0), 100px 150px 0 0 rgba(255,255,255,0), 100px 200px 0 0 rgba(255,255,255,0), 100px 250px 0 0 rgba(255,255,255,0), 150px 0px 0 0 rgba(255,255,255,0), 150px 50px 0 0 #FFE11A, 150px 100px 0 0 rgba(255,255,255,0), 150px 150px 0 0 rgba(255,255,255,0), 150px 200px 0 0 rgba(255,255,255,0), 150px 250px 0 0 rgba(255,255,255,0), 200px 0px 0 0 rgba(255,255,255,0), 200px 50px 0 0 #FD7400, 200px 100px 0 0 rgba(255,255,255,0), 200px 150px 0 0 rgba(255,255,255,0), 200px 200px 0 0 rgba(255,255,255,0), 200px 250px 0 0 rgba(255,255,255,0), 250px 0px 0 0 rgba(255,255,255,0), 250px 50px 0 0 rgba(255,255,255,0), 250px 100px 0 0 rgba(255,255,255,0), 250px 150px 0 0 rgba(255,255,255,0), 250px 200px 0 0 rgba(255,255,255,0), 250px 250px 0 0 rgba(255,255,255,0);}
}
