3d Cube

HTML
<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>
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);} }
JAVASCRIPT
Expand for more options Login