:root{--white: #ffffff;--white-soft: #f8f8f8;--white-mute: #f2f2f2;--black: #181818;--black-soft: #222222;--black-mute: #282828;--sea-blue: #130560;--sea-ground: #08003b;--sea-ground-b: #0c0051;--submarine-width: 70px;--submarine-height: calc(var(--submarine-width) / 2);--color-heading: var(--white-mute);--color-text: var(--white-soft);--submarine-main-color: #e30449;--submarine-light-shadow: #ef689e;--submarine-light-shadow2: #c6003d;--submarine-light-shadow3: #e92d77;--submarine-dark-shadow: #a10532;--submirine-periscope-color: #F0F78B;--submirine-propeller-color: #f7e349;--submirine-propeller-color2: #f7ac08;--submirine-window-light-color: #c9e5d9;--submirine-light-color: #817E97}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--sea-blue);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{background:var(--sea-blue);overflow:hidden}.seaContainer[data-v-c35e41b5]{position:absolute;height:var(--submarine-height);width:var(--submarine-width);background:var(--sea-blue);overflow:show;transition:all 1s ease-out}.submarine__container[data-v-c35e41b5]{position:absolute;top:50%;left:50%;width:var(--submarine-width);height:var(--submarine-height);transform:translate(-50%,-50%)}.submarine__body[data-v-c35e41b5]{position:absolute;top:50%;left:50%;width:calc(var(--submarine-width) * .625);height:calc(var(--submarine-height) * .4);background:var(--submarine-main-color);border-radius:calc(var(--submarine-width) * .125);transform:translate(-50%,-50%)}.submarine__propeller[data-v-c35e41b5]{position:absolute;left:80%;top:50%;width:calc(var(--submarine-width) * .18);height:calc(var(--submarine-height) * .25);transform:translateY(-50%);perspective:calc(var(--submarine-width) * 1.5);display:flex}.propeller__perspective[data-v-c35e41b5]{width:100%;height:100%;transition:transform 1s;transform-style:preserve-3d;-webkit-animation:rotateInfinite-c35e41b5 1s linear infinite;animation:rotateInfinite-c35e41b5 1s linear infinite;cursor:pointer}.submarine__propeller-parts[data-v-c35e41b5]{position:absolute;left:0%;width:100%;height:100%;top:0%;perspective:calc(var(--submarine-width) * 2.5);transform-style:preserve-3d}.darkOne[data-v-c35e41b5]{top:0%;background:var(--submirine-propeller-color2);transform:rotateY(180deg) rotateX(225deg)}.lightOne[data-v-c35e41b5]{top:0%;background:var(--submirine-propeller-color);transform:rotateX(45deg)}.submarine__sail[data-v-c35e41b5]{position:absolute;top:40%;left:50%;width:calc(var(--submarine-width) * .225);height:calc(var(--submarine-height) * .25);transform:translate(-50%,-100%);background:var(--submarine-light-shadow2);-webkit-clip-path:polygon(0% 0%,70% 0%,100% 100%,0% 100%);clip-path:polygon(0% 0%,70% 0%,100% 100%,0% 100%)}.submarine__sail-shadow[data-v-c35e41b5]{position:absolute;width:160%;height:10%;background:var(--submarine-dark-shadow);border-radius:calc(var(--submarine-width) * .0125)}.dark1[data-v-c35e41b5]{left:0%;top:0%;transform:translateY(-33%)}.dark2[data-v-c35e41b5]{left:0%;top:50%}.light1[data-v-c35e41b5]{left:20%;top:20%;width:50%;background:var(--submarine-light-shadow)}.submarine__window[data-v-c35e41b5]{width:calc(var(--submarine-height) * .205);height:calc(var(--submarine-height) * .205);border-radius:100%;background-image:linear-gradient(45deg,var(--submirine-window-light-color),var(--white));border:calc(var(--submarine-height) * .04) solid var(--submarine-dark-shadow);z-index:10;-webkit-animation:shadow-change-c35e41b5 1s linear infinite;animation:shadow-change-c35e41b5 1s linear infinite}.one[data-v-c35e41b5],.two[data-v-c35e41b5]{position:absolute;top:50%;transform:translate(-50%,-50%)}.one[data-v-c35e41b5]{left:40%}.two[data-v-c35e41b5]{left:20%}.submarine__shadow-dark[data-v-c35e41b5]{position:absolute;left:70%;top:50%;width:calc(var(--submarine-width) * .175);height:calc(var(--submarine-height) * .05);border-radius:calc(var(--submarine-height) * .025);transform:translate(-50%,-50%);background:var(--submarine-dark-shadow)}.submarine__shadow-light[data-v-c35e41b5]{position:absolute;left:35%;top:13%;width:calc(var(--submarine-width) * .25);height:calc(var(--submarine-height) * .03);border-radius:calc(var(--submarine-height) * .025);transform:translate(-50%,-50%);background:var(--submarine-light-shadow)}.submarine__shadow-arcLight[data-v-c35e41b5]{position:absolute;top:65%;left:80%;width:calc(var(--submarine-width) * .05);height:calc(var(--submarine-height) * .1);border-radius:50%;background:var(--submarine-light-shadow)}.submarine__periscope[data-v-c35e41b5]{position:absolute;top:0%;left:40%;width:calc(var(--submarine-width) * .05);height:calc(var(--submarine-height) * .25);border-right:calc(var(--submarine-width) * .025) solid var(--submarine-light-shadow3);border-top:calc(var(--submarine-width) * .025) solid var(--submarine-light-shadow2);border-left:0px solid transparent;border-bottom:0px solid transparent;border-top-right-radius:calc(var(--submarine-width) * .025)}.submarine__periscope-glass[data-v-c35e41b5]{position:absolute;left:40%;top:0%;width:calc(var(--submarine-width) * .0125);height:calc(var(--submarine-height) * .075);background:var(--submirine-propeller-color2);transform:translate(-50%,-15%)}.light[data-v-c35e41b5]{position:absolute;top:0%;left:0%;width:calc(var(--submarine-width) * 1.25);height:calc(var(--submarine-height) * .5);background:linear-gradient(to left,var(--submirine-light-color),var(--sea-blue));-webkit-clip-path:polygon(0% 0%,50% 45%,50% 55%,0% 100%);clip-path:polygon(0% 0%,50% 45%,50% 55%,0% 100%);transform:translate(-18%,-45%)}.bubbles__container[data-v-c35e41b5]{position:relative;width:calc(var(--submarine-width) * .25);height:calc(var(--submarine-height) * .25);display:flex;left:30%}.bubbles[data-v-c35e41b5]{position:absolute;width:calc(var(--submarine-width) * .025);height:calc(var(--submarine-height) * .05);border-radius:100%;left:5%;top:5%;background:var(--white);opacity:.8}.bubble-1[data-v-c35e41b5]{top:15%;left:1%;opacity:0;-webkit-animation:move-right-c35e41b5 1s infinite linear;animation:move-right-c35e41b5 1s infinite linear;-webkit-animation-delay:.25s;animation-delay:.25s}.bubble-2[data-v-c35e41b5]{top:30%;left:1%;opacity:0;-webkit-animation:move-right-c35e41b5 1s infinite linear;animation:move-right-c35e41b5 1s infinite linear;-webkit-animation-delay:.5s;animation-delay:.5s}.bubble-3[data-v-c35e41b5]{top:45%;left:1%;opacity:0;-webkit-animation:move-right-c35e41b5 1s infinite linear;animation:move-right-c35e41b5 1s infinite linear;-webkit-animation-delay:.75s;animation-delay:.75s}.bubble-4[data-v-c35e41b5]{top:60%;left:1%;opacity:0;-webkit-animation:move-right-c35e41b5 1s infinite linear;animation:move-right-c35e41b5 1s infinite linear;-webkit-animation-delay:1s;animation-delay:1s}@-webkit-keyframes shadow-change-c35e41b5{0%,to{background-image:linear-gradient(45deg,var(--submirine-window-light-color) 0%,var(--submirine-window-light-color) 20%,var(--white) 21%,var(--white) 39%,var(--submirine-window-light-color) 40%,var(--white) 41%,var(--white) 59%,var(--submirine-window-light-color) 60%)}20%{background-image:linear-gradient(45deg,var(--submirine-window-light-color) 20%,var(--submirine-window-light-color) 40%,var(--white) 41%,var(--white) 59%,var(--submirine-window-light-color) 60%,var(--white) 61%,var(--white) 79%,var(--submirine-window-light-color) 80%)}40%{background-image:linear-gradient(45deg,var(--submirine-window-light-color) 40%,var(--submirine-window-light-color) 60%,var(--white) 61%,var(--white) 79%,var(--submirine-window-light-color) 80%,var(--white) 81%,var(--white) 99%,var(--submirine-window-light-color) 0%)}60%{background-image:linear-gradient(45deg,var(--submirine-window-light-color) 60%,var(--submirine-window-light-color) 80%,var(--white) 81%,var(--white) 99%,var(--submirine-window-light-color) 0%,var(--white) 1%,var(--white) 19%,var(--submirine-window-light-color) 20%)}80%{background-image:linear-gradient(45deg,var(--submirine-window-light-color) 80%,var(--submirine-window-light-color) 0%,var(--white) 1%,var(--white) 19%,var(--submirine-window-light-color) 20%,var(--white) 21%,var(--white) 39%,var(--submirine-window-light-color) 40%)}}@keyframes shadow-change-c35e41b5{0%,to{background-image:linear-gradient(45deg,var(--submirine-window-light-color) 0%,var(--submirine-window-light-color) 20%,var(--white) 21%,var(--white) 39%,var(--submirine-window-light-color) 40%,var(--white) 41%,var(--white) 59%,var(--submirine-window-light-color) 60%)}20%{background-image:linear-gradient(45deg,var(--submirine-window-light-color) 20%,var(--submirine-window-light-color) 40%,var(--white) 41%,var(--white) 59%,var(--submirine-window-light-color) 60%,var(--white) 61%,var(--white) 79%,var(--submirine-window-light-color) 80%)}40%{background-image:linear-gradient(45deg,var(--submirine-window-light-color) 40%,var(--submirine-window-light-color) 60%,var(--white) 61%,var(--white) 79%,var(--submirine-window-light-color) 80%,var(--white) 81%,var(--white) 99%,var(--submirine-window-light-color) 0%)}60%{background-image:linear-gradient(45deg,var(--submirine-window-light-color) 60%,var(--submirine-window-light-color) 80%,var(--white) 81%,var(--white) 99%,var(--submirine-window-light-color) 0%,var(--white) 1%,var(--white) 19%,var(--submirine-window-light-color) 20%)}80%{background-image:linear-gradient(45deg,var(--submirine-window-light-color) 80%,var(--submirine-window-light-color) 0%,var(--white) 1%,var(--white) 19%,var(--submirine-window-light-color) 20%,var(--white) 21%,var(--white) 39%,var(--submirine-window-light-color) 40%)}}@-webkit-keyframes move-right-c35e41b5{0%{opacity:0}10%{opacity:.4;transform:translate(10%,10%)}50%{opacity:.2;transform:translate(450%,25%)}80%{opacity:0;transform:translate(555%)}to{opacity:0;left:0%;top:0%}}@keyframes move-right-c35e41b5{0%{opacity:0}10%{opacity:.4;transform:translate(10%,10%)}50%{opacity:.2;transform:translate(450%,25%)}80%{opacity:0;transform:translate(555%)}to{opacity:0;left:0%;top:0%}}@-webkit-keyframes rotateInfinite-c35e41b5{0%{transform:rotateX(0)}50%{transform:rotateX(180deg)}to{transform:rotateX(360deg)}}@keyframes rotateInfinite-c35e41b5{0%{transform:rotateX(0)}50%{transform:rotateX(180deg)}to{transform:rotateX(360deg)}}.sub-control[data-v-4c1019f0]{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;cursor:none}