body{background-color:#14283f}*,*:before,*:after{box-sizing:border-box}.sea{margin:40px auto 0;overflow:hidden}.sea .bubble{position:absolute;width:7px;height:7px;border-radius:50%;background-color:#3365a0;opacity:.9;animation:bubble1-h-movement 1s ease-in infinite,bubble1-v-movement .3s ease-in-out infinite alternate,bubble-scale-movement .3s ease-in-out infinite alternate}.sea .bubble:after{position:absolute;content:"";width:7px;height:7px;border-radius:50%;background-color:#3365a0;opacity:.9}.sea .bubble:after{top:-20;left:100px;width:9px;height:9px}.sea .circle-wrapper{position:relative;background:linear-gradient(#102133,#050b11);width:266px;height:266px;margin:10px auto 0;overflow:hidden;z-index:0;border-radius:50%;padding:0 50px}.sea .submarine-wrapper{width:266px;height:266px;padding:30px 50px 30px 150px;margin:0 auto;animation:diving 3s ease-in-out infinite,diving-rotate 3s ease-in-out infinite}.sea .submarine-wrapper .submarine-body{width:150px;height:80px;position:absolute;margin-top:50px;left:25px;background-color:#e6a426;border-radius:40px;background:linear-gradient(#e6a426,#c38716)}.sea .submarine-wrapper .submarine-body .light{position:absolute;width:0;height:0;border-style:solid;border-width:0 40px 150px 40px;border-color:transparent transparent #1a3452 transparent;border-radius:30%;transform:rotate(-50deg);top:40px;left:99%}.sea .submarine-wrapper .submarine-body .light:after{content:"";position:absolute;width:20px;height:13px;border-radius:5px;background-color:#d99719;margin-left:-10px}.sea .submarine-wrapper .submarine-body .window{width:37px;height:37px;position:absolute;margin-top:23px;right:18px;background:linear-gradient(#04080d,black);border-radius:50%;border:3px solid #e6a426}.sea .submarine-wrapper .submarine-body .window:after{content:"";position:absolute;margin-top:3px;margin-left:3px;width:25px;height:25px;border-radius:50%;background-color:transparent;opacity:.8;border-top:3px solid white;transform:rotate(-45deg)}.sea .submarine-wrapper .submarine-body .engine{width:30px;height:30px;position:absolute;margin-top:32px;left:53px;background-color:#c38716;border-radius:50%;border:5px solid #e6a426}.sea .submarine-wrapper .submarine-body .engine:after,.sea .submarine-wrapper .submarine-body .engine:before{position:absolute;content:"";border-radius:2px;background-color:#fff;animation:spin .9s linear infinite;opacity:.8}.sea .submarine-wrapper .submarine-body .engine:after{top:8px;width:20px;height:4px}.sea .submarine-wrapper .submarine-body .engine:before{left:8px;width:4px;height:20px}.sea .submarine-wrapper .helix{width:30px;height:70px;position:absolute;margin-top:55px;left:0;background-color:#e6a426;border-radius:7px;background:linear-gradient(#e6a426,#c38716)}.sea .submarine-wrapper .helix:after{content:"";position:absolute;margin-top:5px;margin-left:7px;width:17px;height:60px;border-radius:3px;background-color:transparent;opacity:.8;background:linear-gradient(to bottom,#e6a426,#e6a426 50%,#eec16b 50%,#eec16b);background-size:100% 20px;animation:helix-movement .11s linear infinite}.sea .submarine-wrapper .hat{width:65px;height:25px;position:absolute;margin-top:26px;left:70px;background-color:#e6a426;border-radius:10px 10px 0 0;background:linear-gradient(#e6a426,#e39e1a)}.sea .submarine-wrapper .hat .periscope{position:absolute;width:7px;height:20px;background-color:#e6a426;margin-top:-27px;margin-left:32px;border-radius:5px 5px 0 0}.sea .submarine-wrapper .hat .periscope:after,.sea .submarine-wrapper .hat .periscope:before{content:"";position:absolute;width:15px;height:7px;border-radius:5px;background-color:#e6a426}.sea .submarine-wrapper .hat .leds-wrapper{width:53px;height:13px;position:relative;top:7px;left:7px;background-color:#e6a426;border-radius:10px;background:linear-gradient(#b98115,#a77413)}.sea .submarine-wrapper .hat .leds-wrapper .leds{position:absolute;margin-top:4px;margin-left:7px;width:5px;height:5px;border-radius:50%;background-color:#fff;animation:leds-off .5s linear infinite}.sea .submarine-wrapper .hat .leds-wrapper .leds:after,.sea .submarine-wrapper .hat .leds-wrapper .leds:before{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background-color:#fff}.sea .submarine-wrapper .hat .leds-wrapper .leds:after{margin-top:0;margin-left:17px}.sea .submarine-wrapper .hat .leds-wrapper .leds:before{margin-top:0;margin-left:34px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes leds-off{to{opacity:.3}}@keyframes helix-movement{to{background:linear-gradient(to bottom,#eec16b 50%,#eec16b,#e6a426,#e6a426 50%);background-size:100% 20px}}@keyframes diving{0%{margin-top:5px}50%{margin-top:15px}to{margin-top:5px}}@keyframes diving-rotate{0%{transform:rotate(0)}50%{transform:rotate(3deg)}75%{transform:rotate(-2deg)}to{transform:rotate(0)}}@keyframes bubble1-h-movement{0%{margin-left:80%}to{margin-left:-100%}}@keyframes bubble2-h-movement{0%{margin-left:65%}to{margin-left:-5%}}@keyframes bubble1-v-movement{0%{margin-top:115px}to{margin-top:160px}}@keyframes bubble2-v-movement{0%{margin-top:115px}to{margin-top:90px}}@keyframes bubble-scale-movement{0%{transform:scale(1.4)}to{transform:scale(.9)}}@keyframes light-movement{0%{transform:rotate(-40deg)}50%{transform:rotate(-70deg)}to{transform:rotate(-40deg)}}nav{background:linear-gradient(#14283f,#080f18)}nav a{display:inline-block;padding:18px 12px;font-size:18px;color:#d0d0d0;text-decoration:none}nav a:hover{background-color:#e6c82633}*{box-sizing:border-box}html{height:100%}body{font-size:14px;margin:0;background:linear-gradient(#14283f,#080f18);background-attachment:fixed;color:#d0d0d0;font-family:sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center}footer{text-align:center;padding:12px 0}a,a:hover{color:#e6c826}h1{color:#ffffff4d}h1{font-size:64px;line-height:1.05;background:linear-gradient(20deg,rgb(255,197,0) 10%,rgb(0,88,255) 100%);-webkit-background-clip:text;margin:74px 12px 12px}h1 small{font-size:24px;font-weight:400;display:block;color:#ffffffe6;max-width:661px;margin:21px auto 34px;line-height:1.2}@media (max-width: 768px){h1{font-size:36px;margin:62px 12px 12px}h1 small{font-size:20px}}h2{margin-bottom:0;margin-top:6px}h2+p{margin-top:0}hr{margin:14px 0;border:none;height:1px;background:rgba(255,255,255,.1)}.btn,button{margin:6px;background:#e6c826;border:none;color:#14283f;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px}.btn:hover,button:hover{background:#958011}.btn-small{padding:2px 6px;border-radius:8px;font-size:13px;text-transform:uppercase}#tags{margin-bottom:12px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}textarea{resize:none}input,textarea{color:#ffffff4d;background:rgba(0,0,0,.3);border:1px dashed rgba(255,255,255,.3);border-radius:10px;width:100%;font-size:15px;font-weight:400;text-align:center;margin-bottom:2px;padding:8px;box-sizing:border-box}input:focus,textarea:focus{outline:none;color:#ddd;border-color:#e6c826}input:invalid,textarea:invalid{outline:none;color:#ddd;border-color:#8b0000}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:25px;background:#080f18;outline:none;opacity:.7;-webkit-transition:.2s;transition:opacity .2s}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:25px;height:25px;background:#e6c826;cursor:pointer}.slider::-moz-range-thumb{width:25px;height:25px;background:#e6c826;cursor:pointer}.box{width:33.33%;border-radius:21px;padding:12px;margin:12px auto;color:#fff;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.1)}