body,html{height:100%;overflow:hidden;position:relative}body{background:radial-gradient(ellipse at center,#2f2f2a 35%,#222828 100%)}.ocean{background:#015871;bottom:0;height:5%;left:0;width:100%}.ocean,.wave{position:absolute}.wave{-webkit-animation:wave 7s cubic-bezier(.36,.45,.63,.53) infinite;animation:wave 7s cubic-bezier(.36,.45,.63,.53) infinite;background:url(https://cdn.kcak11.com/codepen_assets/wave_animation/wave.svg) repeat-x;height:198px;top:-198px;-webkit-transform:translateZ(0);transform:translateZ(0);width:6400px}.wave:nth-of-type(2){-webkit-animation:wave 7s cubic-bezier(.36,.45,.63,.53) -.125s infinite,swell 7s ease -1.25s infinite;animation:wave 7s cubic-bezier(.36,.45,.63,.53) -.125s infinite,swell 7s ease -1.25s infinite;opacity:1;top:-175px}@-webkit-keyframes wave{0%{margin-left:0}to{margin-left:-1600px}}@keyframes wave{0%{margin-left:0}to{margin-left:-1600px}}@-webkit-keyframes swell{0%,to{-webkit-transform:translate3d(0,-25px,0);transform:translate3d(0,-25px,0)}50%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}}@keyframes swell{0%,to{-webkit-transform:translate3d(0,-25px,0);transform:translate3d(0,-25px,0)}50%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}}.endWave{display:none}.tideInfo{background-color:"green";display:"flex";flex:1 1}.night-container{cursor:pointer;height:400px;overflow:hidden;position:relative;width:100vw}.night-container:before{animation:down .5s ease forwards;-webkit-animation:down .5s ease forwards;background-image:linear-gradient(0deg,#30cfd0 0,#330867);content:"";height:0;position:absolute;top:0;width:100%;z-index:-1}@keyframes down{0%{height:0}to{height:100%}}@-webkit-keyframes down{0%{height:0}to{height:100%}}@keyframes movedown{0%{top:-40px}to{top:40px}}@-webkit-keyframes movedown{0%{top:-40px}to{top:40px}}.river{animation:up .5s ease .5s forwards;-webkit-animation:up .5s ease .5s forwards;background-color:#05477f;bottom:0;height:0;position:absolute;width:100%}@keyframes up{0%{height:0}to{height:20%}}@-webkit-keyframes up{0%{height:0}to{height:20%}}.river-float{animation:width 2.5s linear 3s infinite;-webkit-animation:width 2.5s linear 3s infinite;background-color:hsla(0,0%,100%,.3);box-shadow:130px 40px hsla(0,0%,100%,.3),-130px 30px hsla(0,0%,100%,.3),170px -10px hsla(0,0%,100%,.3),-200px -5px hsla(0,0%,100%,.3);height:2px;left:45%;opacity:0;position:absolute;top:85%;width:10px}@keyframes width{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}50%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}to{opaity:0;-webkit-transform:translateX(45px);transform:translateX(45px);width:0}}@-webkit-keyframes width{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}50%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}to{opaity:0;-webkit-transform:translateX(45px);transform:translateX(45px);width:0}}.building-rowOne{animation:scale .5s ease 1s forwards;-webkit-animation:scale .5s ease 1s forwards;background-color:#03171e;bottom:0;box-shadow:20px 0 #03171e,250px 0 #03171e,430px 0 #03171e;height:150px;opacity:0;position:absolute;-webkit-transform-origin:bottom;transform-origin:bottom;width:70px;z-index:-1}@keyframes scale{0%{opacity:1;-webkit-transform:scaleY(0);transform:scaleY(0)}to{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes scale{0%{opacity:1;-webkit-transform:scaleY(0);transform:scaleY(0)}to{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}.building-rowOne:before{box-shadow:240px 0 #03171e,270px 0 #03171e;left:80px;width:100px}.building-rowOne:after,.building-rowOne:before{background-color:#03171e;content:"";height:50px;position:absolute;top:100px}.building-rowOne:after{box-shadow:140px -50px #03171e,180px -50px #03171e,0 -50px #03171e,-50px -50px #03171e,-100px -50px #03171e;left:210px;width:10px}.track{background-color:#03171e;box-shadow:190px -50px #03171e,-10px -50px #03171e,10px -50px #03171e;height:10px;left:100px;position:absolute;top:100px;width:150px}.track:before{background-color:#495057;box-shadow:10px 0 #495057,20px 0 #495057,30px 0 #495057,40px 0 #495057,50px 0 #495057,60px 0 #495057,70px 0 #495057,80px 0 #495057,90px 0 #495057,100px 0 #495057,110px 0 #495057,120px 0 #495057,130px 0 #495057,140px 0 #495057,150px 0 #495057,231px -50px #495057,241px -50px #495057,251px -50px #495057,261px -50px #495057,271px -50px #495057,281px -50px #495057,291px -50px #495057,301px -50px #495057,311px -50px #495057,321px -50px #495057,331px -50px #495057;height:2.5px;left:-9px;top:2px;width:7px}.track:after,.track:before{content:"";position:absolute}.track:after{background-color:#03171e;box-shadow:-50px 0 #03171e,50px 0 #03171e,150px 0 #03171e,190px 0 #03171e,230px 0 #03171e,270px 0 #03171e,10px 50px #03171e,50px 50px #03171e,90px 50px #03171e,50px 85px #03171e;height:5px;left:55px;top:-40px;width:20px}.train-container{height:100px;left:90px;overflow:hidden;position:absolute;width:160px}.train{animation:move 3s linear infinite;-webkit-animation:move 3s linear infinite;background-color:#014f86;box-shadow:65px 0 #014f86,130px 0 #014f86,195px 0 #014f86,260px 0 #014f86,-65px 0 #014f86;height:25px;left:-100px;position:absolute;top:75px;width:60px}.train:before{box-shadow:65px 0 #ffd60a,-65px 0 #ffd60a,130px 0 #ffd60a,195px 0 #ffd60a,260px 0 #ffd60a;height:10px;left:40px;width:15px}.train:after,.train:before{background-color:#ffd60a;content:"";position:absolute;top:5px}.train:after{box-shadow:10px 0 #ffd60a,75px 0 #ffd60a,140px 0 #ffd60a,20px 0 #ffd60a,85px 0 #ffd60a,150px 0 #ffd60a,33px 12px #ffd60a,98px 12px #ffd60a,163px 12px #ffd60a,43px 12px #ffd60a,108px 12px #ffd60a,173px 12px #ffd60a,238px 12px #ffd60a,303px 12px #ffd60a,65px 0 #ffd60a,130px 0 #ffd60a,195px 0 #ffd60a,260px 0 #ffd60a,-65px 0 #ffd60a,-55px 0 #ffd60a,-45px 0 #ffd60a,-32px 12px #ffd60a,-22px 12px #ffd60a,228px 12px #ffd60a,293px 12px #ffd60a,215px 0 #ffd60a,280px 0 #ffd60a,205px 0 #ffd60a,270px 0 #ffd60a;height:5px;left:7px;width:5px}@keyframes move{0%{left:-150px}to{left:44px}}@-webkit-keyframes move{0%{left:-150px}to{left:44px}}.further-train{-webkit-filter:saturate(.5);filter:saturate(.5);height:100px;left:300px;overflow:hidden;position:absolute;top:-35px;-webkit-transform:scaleX(-1) scale(.7);transform:scaleX(-1) scale(.7);width:152px}.windows{background-color:#03171e;box-shadow:430px -10px #03171e;height:30px;position:absolute;top:-20px;width:50px}.windows:before{animation:light 10s linear 2s infinite;-webkit-animation:light 10s linear 2s infinite;background-color:#f3e16b;box-shadow:15px 0 hsla(52,85%,69%,.3),50px 50px #f3e16b,65px 50px hsla(52,85%,69%,.5),250px 20px hsla(52,85%,69%,.1),280px 55px hsla(52,85%,69%,.1),445px 20px #f3e16b;top:5px}.windows:after,.windows:before{content:"";height:10px;left:5px;position:absolute;width:10px}.windows:after{animation:light 10s linear infinite;-webkit-animation:light 10s linear infinite;background-color:hsla(52,85%,69%,.1);box-shadow:50px 70px hsla(52,85%,69%,.1),35px 70px hsla(52,85%,69%,.7),280px 70px #f3e16b,295px 55px hsla(52,85%,69%,.5),430px 20px hsla(52,85%,69%,.1),445px 20px hsla(52,85%,69%,.1),460px 60px hsla(52,85%,69%,.5);top:20px}@keyframes light{0%{-webkit-filter:brightness(.5);filter:brightness(.5)}to{-webkit-filter:brightness(1.5);filter:brightness(1.5)}}@-webkit-keyframes light{0%{-webkit-filter:brightness(.5);filter:brightness(.5)}to{-webkit-filter:brightness(1.5);filter:brightness(1.5)}}.reflection{-webkit-filter:blur(2px);filter:blur(2px);opacity:.2;position:absolute;top:115%;-webkit-transform:scaleY(-1);transform:scaleY(-1)}.building-rowTwo{animation:scale .5s ease 1.5s forwards;-webkit-animation:scale .5s ease 1.5s forwards;background-color:#032842;box-shadow:70px 30px #032842,140px 50px #032842,210px 50px #032842,210px -20px #032842,270px 20px #032842,350px 0 #032842;height:150px;opacity:0;position:absolute;top:120px;-webkit-transform-origin:bottom;transform-origin:bottom;width:80px}.building-rowTwo:before{animation:light 10s linear 2.5s infinite;-webkit-animation:light 10s linear 2.5s infinite;background-color:rgba(204,201,0,.3);box-shadow:12px 0 rgba(204,201,0,.1),70px 30px rgba(204,201,0,.3),60px 40px rgba(204,201,0,.1),100px 60px rgba(204,201,0,.1),250px 20px rgba(204,201,0,.1),262px 20px rgba(204,201,0,.3),350px 0 rgba(204,201,0,.2),340px 10px rgba(204,201,0,.1);content:"";height:8px;left:55px;position:absolute;top:5px;width:8px}.building-rowTwo:after{background-color:#a4161a;box-shadow:150px -20px #a4161a,200px -20px #a4161a,350px 0 #a4161a;content:"";height:4px;left:70px;position:absolute;top:-4px;width:3px}.building-rowThree{tranform-origin:bottom;animation:scale .5s ease 2s forwards;-webkit-animation:scale .5s ease 2s forwards;background-color:#05415d;box-shadow:60px -15px #05415d,165px 30px #05415d,300px -20px #05415d,380px 10px #05415d;height:100px;opacity:0;position:absolute;top:100px;width:60px}.building-rowThree:before{background-color:rgba(255,214,10,.1);box-shadow:12px 0 rgba(255,214,10,.1),50px -15px rgba(255,214,10,.1),60px -15px rgba(255,214,10,.1),275px -15px rgba(255,214,10,.1),285px -15px rgba(255,214,10,.1),295px -5px rgba(255,214,10,.1);content:"";height:6px;left:30px;position:absolute;top:5px;width:6px}.banner{animation:change 5s linear infinite;-webkit-animation:change 5s linear infinite;background-color:#ffd60a;box-shadow:inset 0 -10px #d90429,inset 0 10px #55a630;height:30px;left:225px;opacity:.3;overflow:hidden;position:absolute;width:50px}@keyframes change{0%{-webkit-filter:brightness(1.2) hue-rotate(0) saturate(7);filter:brightness(1.2) hue-rotate(0) saturate(7)}50%{-webkit-filter:brightness(2) hue-rotate(1turn) saturate(7);filter:brightness(2) hue-rotate(1turn) saturate(7)}to{-webkit-filter:brightness(1.2) hue-rotate(0) saturate(7);filter:brightness(1.2) hue-rotate(0) saturate(7)}}@-webkit-keyframes change{0%{-webkit-filter:brightness(1.2) hue-rotate(0) saturate(7);filter:brightness(1.2) hue-rotate(0) saturate(7)}50%{-webkit-filter:brightness(2) hue-rotate(1turn) saturate(7);filter:brightness(2) hue-rotate(1turn) saturate(7)}to{-webkit-filter:brightness(1.2) hue-rotate(0) saturate(7);filter:brightness(1.2) hue-rotate(0) saturate(7)}}.windows-rowTwo{animation:light 10s linear 3.2s infinite;-webkit-animation:light 10s linear 3.2s infinite;background-color:rgba(255,214,10,.4);box-shadow:90px 50px rgba(255,214,10,.4),160px 55px rgba(255,214,10,.4),225px 55px rgba(255,214,10,.2),330px 35px rgba(255,214,10,.2),380px 40px rgba(255,214,10,.4),390px 40px rgba(255,214,10,.1);height:8px;left:10px;position:absolute;top:10px;width:8px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.c8b04a4c.css.map*/