::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#121615}::-webkit-scrollbar-thumb{background:#0b3832}::-webkit-scrollbar-thumb:hover{background:#0a2320}body{--theme-blue:#05fdd8;--theme-red:#ff5e84;--theme-background:#132a27;background:#1d1d1d;font-family:Roboto,Sans-serif;margin:0}.d-none{display:none}.d-flex,.d-flex-col{display:flex}.d-flex-col{flex-direction:column}a{text-decoration:none}.menu-bar{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:space-around;position:relative;transition:margin .8s;width:300px;z-index:99}.animated{margin-left:-140vw}.menu-bg,.menu-bg-color{height:100%;opacity:.5;position:absolute;top:0;width:100%;z-index:-1}.menu-bg-color{background:var(--theme-background);opacity:1;z-index:-2}.text-svg{cursor:pointer;transition:margin 2.5s}.text-svg>svg{width:100px}.menu-btns{width:100%}.menu-btn{background-color:#181818d9;border-bottom:1px solid #5c6866;color:#909096;cursor:pointer;font-size:1.2rem;padding:12px;text-align:center}.menu-btn:hover{color:var(--theme-red)}.menu-btn.selected{background:var(--theme-background);color:var(--theme-blue)}.btn0{transition:color .3s,margin .5s}.btn1{transition:color .3s,margin .65s}.btn2{transition:color .3s,margin .85s}.btn3{transition:color .3s,margin 1s}.btn4{transition:color .3s,margin 1.15s}.btn5{transition:color .3s,margin 1.3s}.btn6{transition:color .3s,margin 1.5s}.btn7{transition:color .3s,margin 1.6s}.mobile-close-icon{color:#fff;display:none;font-size:28px;height:28px;left:0;opacity:.8;padding:10px;position:absolute;top:0;z-index:10}@media (max-width:860px){.menu-bar{margin-left:-100vw;position:fixed;width:100vw}.menu-bar.showing{margin-left:0}.mobile-close-icon{display:block}}.sea{--size:4;overflow:hidden;transition:margin 3s;width:100%}.sea-animated{margin-top:-500px}.sea .bubble{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;background-color:var(--theme-blue)}.sea .bubble,.sea .bubble:after{border-radius:50%;height:7px;opacity:.9;position:absolute;width:7px}.sea .bubble:after{background-color:#6bafca;content:"";height:9px;left:100px;top:-20;width:9px}.sea .circle-wrapper{background:linear-gradient(#063e36,#1d1d1d);height:100vh;overflow:hidden;position:relative;width:100%;z-index:0}.sea .submarine-wrapper{animation:diving 3s ease-in-out infinite,diving-rotate 3s ease-in-out infinite;height:calc(var(--size)*50px);margin:10px;width:calc(var(--size)*50px)}.sea .submarine-wrapper .submarine-body{background-color:#d93a54;background:linear-gradient(#d93a54,#bc243d);border-radius:40px;height:calc(var(--size)*20px);left:25px;margin-top:50px;position:absolute;width:calc(var(--size)*30px)}.sea .submarine-wrapper .submarine-body .light{border-image:linear-gradient(var(--theme-blue),#0000);border-style:solid;border-width:0 30px 120px 35px;clip-path:polygon(50% 0,100% 100%,0 100%);-webkit-clip-path:polygon(50% 0,100% 100%,0 100%);height:0;left:99%;position:absolute;top:40px;transform:rotate(-50deg);width:0}.sea .submarine-wrapper .submarine-body .light-source{background-color:#d12844;border-radius:5px;height:13px;left:111px;margin-left:-10px;position:absolute;top:60px;transform:rotate(-50deg);width:20px;z-index:10}.sea .submarine-wrapper .submarine-body .window{background:linear-gradient(#1e4554,#183642);border:3px solid #d93a54;border-radius:50%;height:calc(var(--size)*8px);margin-top:18px;position:absolute;right:18px;width:calc(var(--size)*8px)}.sea .submarine-wrapper .submarine-body .window:after{background-color:initial;border-radius:50%;border-top:3px solid #fff;content:"";height:25px;margin-left:3px;margin-top:3px;opacity:.8;position:absolute;transform:rotate(-45deg);width:25px}.sea .submarine-wrapper .submarine-body .engine{background-color:#a72b3f;border:5px solid #d93a54;border-radius:50%;height:calc(var(--size)*5px);left:calc(var(--size)*3px);margin-top:calc(var(--size)*6px);position:absolute;width:calc(var(--size)*5px)}.sea .submarine-wrapper .submarine-body .engine:after,.sea .submarine-wrapper .submarine-body .engine:before{animation:spin .9s linear infinite;background-color:#fff;border-radius:2px;content:"";opacity:.8;position:absolute}.sea .submarine-wrapper .submarine-body .engine:after{height:4px;top:8px;width:20px}.sea .submarine-wrapper .submarine-body .engine:before{height:20px;left:8px;width:4px}.sea .submarine-wrapper .helix{background-color:#d93a54;background:linear-gradient(#d93a54,#bc243d);border-radius:7px;height:calc(var(--size)*14px);left:0;margin-top:62px;position:absolute;width:calc(var(--size)*6px)}.sea .submarine-wrapper .helix:after{animation:helix-movement .11s linear infinite;background-color:initial;background:linear-gradient(180deg,#d93a54,#d93a54 50%,#e57a8c 0,#e57a8c);background-size:100% 20px;border-radius:3px;content:"";height:calc(var(--size)*11px);margin-left:4px;margin-top:5px;opacity:.8;position:absolute;width:calc(var(--size)*4px)}.sea .submarine-wrapper .hat{background-color:#d93a54;background:linear-gradient(#d93a54,#d72d49);border-radius:10px 10px 0 0;height:22px;left:55px;margin-top:28px;position:absolute;width:60px}.sea .submarine-wrapper .hat .periscope{background-color:#d93a54;border-radius:5px 5px 0 0;height:20px;margin-left:32px;margin-top:-27px;position:absolute;width:7px}.sea .submarine-wrapper .hat .periscope:after,.sea .submarine-wrapper .hat .periscope:before{background-color:#d93a54;border-radius:5px;content:"";height:7px;position:absolute;width:15px}.sea .submarine-wrapper .hat .leds-wrapper{background-color:#d93a54;background:linear-gradient(#b3233a,#a21f35);border-radius:10px;height:13px;left:3px;position:relative;top:7px;width:53px}.sea .submarine-wrapper .hat .leds-wrapper .leds{animation:leds-off .5s linear infinite;background-color:#fff;border-radius:50%;height:5px;margin-left:7px;margin-top:4px;position:absolute;width:5px}.sea .submarine-wrapper .hat .leds-wrapper .leds:after,.sea .submarine-wrapper .hat .leds-wrapper .leds:before{background-color:#fff;border-radius:50%;content:"";height:5px;position:absolute;width:5px}.sea .submarine-wrapper .hat .leds-wrapper .leds:after{margin-left:17px;margin-top:0}.sea .submarine-wrapper .hat .leds-wrapper .leds:before{margin-left:34px;margin-top:0}@keyframes spin{to{transform:rotate(1turn)}}@keyframes leds-off{to{opacity:.3}}@keyframes helix-movement{to{background:linear-gradient(180deg,#e57a8c 50%,#e57a8c,#d93a54,#d93a54 0);background-size:100% 20px}}@keyframes diving{0%{margin-top:5px}50%{margin-top:15px}to{margin-top:5px}}@keyframes diving-rotate{0%{transform:rotate(0deg)}50%{transform:rotate(3deg)}75%{transform:rotate(-2deg)}to{transform:rotate(0deg)}}@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)}}@media (max-width:860px){.sea{--size:3.5}.sea .submarine-wrapper .submarine-body .light{border-width:0 20px 100px 40px;left:91%;top:45px}.sea .submarine-wrapper .submarine-body .light-source{left:91px;top:58px}.sea .submarine-wrapper .submarine-body .engine:before{height:18px;left:8px;width:3px}.sea .submarine-wrapper .submarine-body .engine:after{height:3px;top:8px;width:18px}.sea .submarine-wrapper .hat{height:20px;left:55px;margin-top:32px;width:50px}.sea .submarine-wrapper .hat .leds-wrapper{height:10px;left:3px;top:5px;width:42px}.sea .submarine-wrapper .hat .leds-wrapper .leds{height:5px;margin-left:7px;margin-top:1px;width:5px}.sea .submarine-wrapper .hat .leds-wrapper .leds:before{margin-left:25px;margin-top:1px}.sea .submarine-wrapper .hat .leds-wrapper .leds:after{margin-left:12px;margin-top:0}.sea .submarine-wrapper .hat .periscope{height:25px;margin-top:-20px;width:5px}.sea .submarine-wrapper .helix{left:5px}}.header{background:#0b352f;border:5px solid var(--theme-red);color:var(--theme-blue);font-size:30px;margin:-40px auto 20px;padding:5px 15px;text-shadow:0 3px 3px #aaa;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.main-view{background:#192220d9;color:#c7d9d5;font-size:20px;left:250px;margin:15px;padding:15px;position:fixed;top:15vh;transition:margin .5s;width:70vw;z-index:80}.highlight{color:var(--theme-red);font-weight:300}.main-view>.content{line-height:30px;margin:20px 5px}.link{color:var(--theme-blue);cursor:pointer;opacity:.8}.link:hover{color:#00ffb5;opacity:1}.content-container{max-height:70vh;overflow-y:auto}.content{margin:15px 5px}.mobile-menu-btn{background:#192220;color:#fff;display:none;font-size:28px;height:28px;left:0;opacity:.8;padding:10px;position:fixed;top:0;z-index:10}@media (max-width:860px){.main-view{left:0;margin:0;top:15vh;width:94vw}.mobile-menu-btn{display:block}.content-container{margin-right:0}}#bubbles{height:100vh;left:10vw;position:fixed;top:0;width:100vw;z-index:50}.bubble{background:var(--theme-blue);border-radius:200px;-moz-border-radius:200px;-webkit-border-radius:200px;height:60px;position:absolute;width:60px}@keyframes moveclouds{0%{top:100vh}to{top:-500px}}@keyframes sideWays{0%{margin-left:0;margin-right:0}to{margin-left:100px;margin-right:-100px}}.x1{-webkit-animation:moveclouds 15s linear infinite,sideWays 4s ease-in-out infinite alternate;-moz-animation:moveclouds 15s linear infinite,sideWays 4s ease-in-out infinite alternate;-o-animation:moveclouds 15s linear infinite,sideWays 4s ease-in-out infinite alternate;opacity:.2;transform:scale(.9)}.x2{-webkit-animation:moveclouds 25s linear infinite,sideWays 5s ease-in-out infinite alternate;-moz-animation:moveclouds 25s linear infinite,sideWays 5s ease-in-out infinite alternate;-o-animation:moveclouds 25s linear infinite,sideWays 5s ease-in-out infinite alternate;opacity:.5;right:150px;transform:scale(.6)}.x3{-webkit-animation:moveclouds 20s linear infinite,sideWays 4s ease-in-out infinite alternate;-moz-animation:moveclouds 20s linear infinite,sideWays 4s ease-in-out infinite alternate;-o-animation:moveclouds 20s linear infinite,sideWays 4s ease-in-out infinite alternate;opacity:.3;right:60%;transform:scale(.8)}.x4{-webkit-animation:moveclouds 18s linear infinite,sideWays 2s ease-in-out infinite alternate;-moz-animation:moveclouds 18s linear infinite,sideWays 2s ease-in-out infinite alternate;-o-animation:moveclouds 18s linear infinite,sideWays 2s ease-in-out infinite alternate;left:20%;opacity:.35;transform:scale(.75)}.x5{animation:moveclouds 7s linear infinite,sideWays 1s ease-in-out infinite alternate;-webkit-animation:moveclouds 7s linear infinite,sideWays 1s ease-in-out infinite alternate;-moz-animation:moveclouds 7s linear infinite,sideWays 1s ease-in-out infinite alternate;-o-animation:moveclouds 7s linear infinite,sideWays 1s ease-in-out infinite alternate;left:70%;opacity:.3;transform:scale(.8)}.x6{animation:moveclouds 9s linear infinite,sideWays 3s ease-in-out infinite alternate;-webkit-animation:moveclouds 9s linear infinite,sideWays 3s ease-in-out infinite alternate;-moz-animation:moveclouds 9s linear infinite,sideWays 3s ease-in-out infinite alternate;-o-animation:moveclouds 9s linear infinite,sideWays 3s ease-in-out infinite alternate;opacity:.9;right:30%;transform:scale(.3)}#welcome.off{margin-left:-110vw}#welcome .content-container{flex-flow:wrap;font-family:Alfa Slab One,cursive;justify-content:space-around;margin-left:15px}.welcome-content{font-size:4rem}.welcome-name{font-size:5rem;font-weight:600}.welcome-caption{color:#d1d1d1;font-family:Inconsolata,monospace;font-size:1.3rem;font-size:24px;opacity:.8}.profile-pic{display:flex}.profile-pic>img{border:5px solid var(--theme-red);border-radius:50%;height:250px;width:250px}.waviy-char{display:inline-block;position:relative;text-transform:uppercase}.waviy-char.animate{animation:waviy .75s infinite;animation-delay:calc(.1s*var(--i))}@keyframes waviy{0%,40%,to{transform:translateY(0)}20%{transform:translateY(-20px)}}@media (max-width:860px){#welcome .content-container{justify-content:space-between;max-height:77vh}.welcome-content{font-size:35px}.welcome-name{font-size:50px}}
/*# sourceMappingURL=main.ba67d9cb.css.map*/