<div class="wrapper">
    <div class="cube">
        <div class="side side--back">
            <span class='dot'></span>
        </div>
        <div class="side side--top">
            <span class='dot'></span>
        </div>
        <div class="side side--bottom">
            <span class='dot'></span>
        </div>
        <div class="side side--left">
            <span class='dot'></span>
        </div>
        <div class="side side--right">
            <span class='dot'></span>
        </div>
        <div class="side side--front">
            <span class='dot'></span>
        </div>
    </div>
</div>
$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);}

}
View Compiled
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.