body,html{height:100%;margin:0;padding:0;background:black;overflow:hidden}@keyframes float{0%{transform:translate(0)}50%{transform:translate(5px,-10px)}to{transform:translate(0)}}@keyframes zoomIn{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(4)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.center-fit{position:absolute;top:50%;left:50%;height:max(100vh,100vw);width:max(100vh,100vw);transform:translate(-50%,-50%)}.container-demo{position:relative;width:100%;height:100%}.splash-title{color:#fff;font-family:Borg9,serif;font-size:500%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.splash-title-light{color:#000;font-family:Borg9,serif;font-size:500%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fleet{width:100%;height:100%}.fleet-buttons{position:absolute;width:100%;height:100%;z-index:2}.fleet-demo{position:absolute;top:50%;left:50%;height:max(100vh,100vw);width:max(100vh,100vw);transform:translate(-50%,-50%);z-index:1}.fleet-img{height:max(100vh,100vw);width:max(100vh,100vw);animation:float 10s ease-in-out infinite}.zoomIn{animation:zoomIn 1s ease-in-out forwards}.container{font-family:PoiretOne;font-weight:bolder;position:absolute;color:#fff;padding:10px 10px 10px 20px;background-image:url(/img/Button.svg);background-size:cover;cursor:pointer}.ship{width:100%;height:100%;overflow:hidden;transform:translatey(0);animation:float 6s ease-in-out infinite}.ship img{width:100%;height:auto;display:inline-block}@media screen and (orientation: portrait){.container:nth-child(1){top:50%;left:50%;transform:translateY(-5vh)}.container:nth-child(1) .ship{animation-duration:7s}.container:nth-child(2){top:50%;left:50%;transform:translate(-30vw,-25vh)}.container:nth-child(2) .ship{animation-duration:5s}.container:nth-child(3){top:50%;left:50%;transform:translate(-45vw,-10vh)}.container:nth-child(3) .ship{animation-duration:6s}.container:nth-child(4){top:50%;left:50%;transform:translate(-5vw,15vh)}.container:nth-child(4) .ship{animation-duration:4.5s}.container:nth-child(5){top:50%;left:50%;transform:translate(-35vw,25vh)}.container:nth-child(5) .ship{animation-duration:4s}.container:nth-child(6){top:50%;left:50%;transform:translate(10%,-100%)}.container:nth-child(6) .ship{animation-duration:6s}.container:nth-child(7){top:50%;left:50%;transform:translate(-110%,-10%)}.container:nth-child(7) .ship{animation-duration:5s}}@media screen and (orientation: landscape){.container:nth-child(1){top:50%;left:50%;transform:translateY(-5vh)}.container:nth-child(1) .ship{animation-duration:7s}.container:nth-child(2){top:50%;left:50%;transform:translate(-10vw,-35vh)}.container:nth-child(2) .ship{animation-duration:5s}.container:nth-child(3){top:50%;left:50%;transform:translate(-25vw,-10vh)}.container:nth-child(3) .ship{animation-duration:6s}.container:nth-child(4){top:50%;left:50%;transform:translate(3vw,20vh)}.container:nth-child(4) .ship{animation-duration:4.5s}.container:nth-child(5){top:50%;left:50%;transform:translate(-15vw,40vh)}.container:nth-child(5) .ship{animation-duration:4s}.container:nth-child(6){top:50%;left:50%;transform:translate(10%,-100%)}.container:nth-child(6) .ship{animation-duration:6s}.container:nth-child(7){top:50%;left:50%;transform:translate(-110%,-10%)}.container:nth-child(7) .ship{animation-duration:5s}}.splash{cursor:pointer;position:fixed;top:50%;left:50%;height:100%;width:100%;transform:translate(-50%,-50%);background-color:#000;z-index:3}.splash-light{cursor:pointer;position:fixed;top:50%;left:50%;height:100%;width:100%;transform:translate(-50%,-50%);background-color:#fff;z-index:3}.hidden{transition:.5s;display:none}.DeviceMotionRequestBanner{background-color:#ef2d5e;padding:20px;color:#fff;font-family:Fira Sans,Helvetica,Arial,sans-serif;width:430px;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b}.DeviceMotionRequestBanner>h3{margin:0;font-size:28px;font-weight:300;line-height:1.2;letter-spacing:-.05rem}.DeviceMotionRequestBanner>p{font-size:1.1rem}.DeviceMotionRequestBanner>button{background-color:#fff;color:#000;padding:8px 30px;text-transform:uppercase;border:none;right:0}.DeviceMotionRequestBanner>button:hover{color:#ef2d5e}.DeviceMotionRequestBanner>a{color:#fff;margin-left:25px}.media-container{display:flex;flex-direction:column;width:100%;z-index:2;position:fixed;align-items:center;gap:10px;align-items:end;margin-top:10px}.media-container div img{height:50px;margin-right:10px}@media screen and (orientation: portrait){.media-container{flex-direction:row;bottom:0px;margin-top:0;margin-left:10px}.media-container div img{margin-right:0;margin-bottom:10px}}@font-face{font-family:Borg9;src:url(/fonts/BORG9.TTF)}@font-face{font-family:PoiretOne;src:url(/fonts/PoiretOne.ttf)}