@import url(https://fonts.googleapis.com/css?family=Fjalla+One);

@-webkit-keyframes rotate{25%{-webkit-transform:rotate(-28deg);-ms-transform:rotate(-28deg);transform:rotate(-28deg)}75%{-webkit-transform:rotate(28deg);-ms-transform:rotate(28deg);transform:rotate(28deg)}}@-moz-keyframes rotate{25%{-webkit-transform:rotate(-28deg);-ms-transform:rotate(-28deg);transform:rotate(-28deg)}75%{-webkit-transform:rotate(28deg);-ms-transform:rotate(28deg);transform:rotate(28deg)}}@-o-keyframes rotate{25%{-webkit-transform:rotate(-28deg);-ms-transform:rotate(-28deg);transform:rotate(-28deg)}75%{-webkit-transform:rotate(28deg);-ms-transform:rotate(28deg);transform:rotate(28deg)}}@keyframes rotate{25%{-webkit-transform:rotate(-28deg);-ms-transform:rotate(-28deg);transform:rotate(-28deg)}75%{-webkit-transform:rotate(28deg);-ms-transform:rotate(28deg);transform:rotate(28deg)}}@-webkit-keyframes msg_first{0%,100%,25%,75.001%{opacity:1}25.001%,75%{opacity:0}}@-moz-keyframes msg_first{0%,100%,25%,75.001%{opacity:1}25.001%,75%{opacity:0}}@-o-keyframes msg_first{0%,100%,25%,75.001%{opacity:1}25.001%,75%{opacity:0}}@keyframes msg_first{0%,100%,25%,75.001%{opacity:1}25.001%,75%{opacity:0}}@-webkit-keyframes msg_second{0%,100%,25%,75.001%{opacity:0}25.001%,75%{opacity:1}}@-moz-keyframes msg_second{0%,100%,25%,75.001%{opacity:0}25.001%,75%{opacity:1}}@-o-keyframes msg_second{0%,100%,25%,75.001%{opacity:0}25.001%,75%{opacity:1}}@keyframes msg_second{0%,100%,25%,75.001%{opacity:0}25.001%,75%{opacity:1}}

/*---------------------------------------------------*/

body .container,body .msg{width:36vmin;margin-left:-18vmin;left:50%}.footer_e,body .msg{position:absolute;text-align:center}body{margin:0;overflow:hidden;background:#c0e3ff}body .container{position:absolute;top:50%;height:77.94vmin;margin-top:-38.97vmin}body .container:first-child{transform-origin:50% 100%;-webkit-animation:9s linear infinite rotate;-moz-animation:9s linear infinite rotate;-o-animation:9s linear infinite rotate;animation:9s linear infinite rotate}body .container:last-child{pointer-events:none}body .container #switch{display:none}body .container #switch:checked~.ellipse,body .container #switch:checked~.ray{opacity:0}body .container .ellipse{position:relative;width:36vmin;height:27vmin;background:#fff;border-radius:50%;z-index:1}body .container .ray{position:relative;border-top:36vmin solid #2957a4;border-left:11.7vmin solid transparent;border-right:11.7vmin solid transparent;margin-top:-12.6vmin}body .container .head{position:relative;width:14.4vmin;height:1.8vmin;margin-left:10.8vmin;background:#3abafc}body .container .neck{position:relative;width:7.38vmin;margin-left:10.8vmin;border-top:4.32vmin solid #072a64;border-left:3.6vmin solid transparent;border-right:3.6vmin solid transparent}body .container .body{position:relative;width:7.308vmin;margin-left:14.4vmin;height:21.6vmin;background:#2957a4}body .container label{position:absolute;top:3.6vmin;left:2.628vmin;width:1.44vmin;height:3.6vmin;border:.432vmin solid #fff;background:#3abafc;border-radius:10px;cursor:pointer}body .msg{font-family:'Fjalla One',sans-serif;color:#000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}body .msg.msg_1{color:#000;top:6.3vmin;font-size:12vmin;-webkit-animation:9s linear infinite msg_first;-moz-animation:9s linear infinite msg_first;-o-animation:9s linear infinite msg_first;animation:9s linear infinite msg_first}body .msg.msg_2{color:#000;top:10.8vmin;font-size:4.2vmin;-webkit-animation:9s linear infinite msg_second;-moz-animation:9s linear infinite msg_second;-o-animation:9s linear infinite msg_second;animation:9s linear infinite msg_second}.footer_e{bottom:25px;left:0;right:0;margin:auto;z-index:9999999999}.footer_e a{padding:10px 20px;border:2px solid #2957a4;color:#2957a4;text-decoration:none;margin-right:5px}.footer_e a:hover{background:#2957a4;color:#fff}
/**/