.clouds{top:0;left:0;bottom:0;overflow:hidden;transform:translateZ(0)}.cloud,.clouds{position:absolute;right:0}.cloud{top:20%;width:300px;opacity:1}.cloud.front{z-index:9}.cloud.background,.cloud.distant{z-index:1}.cloud.smaller{margin-right:400px;width:100px;margin-top:50px}.cloud.small{margin-right:200px;width:150px;margin-top:-200px}.cloud.big{width:500px;margin-top:-100px;margin-right:150px}.cloud.massive{width:600px;margin-top:50px;margin-right:0}.cloud{-webkit-animation-name:cloud-movement;-webkit-animation-timing-function:linear;-webkit-animation-direction:forwards;-webkit-animation-iteration-count:infinite;-webkit-animation-duration:8s;-moz-animation-name:cloud-movement;-moz-animation-timing-function:linear;-moz-animation-direction:forwards;-moz-animation-iteration-count:infinite;-moz-animation-duration:8s;animation-name:cloud-movement;animation-timing-function:linear;animation-direction:forwards;animation-iteration-count:infinite;animation-duration:8s}.slow{animation-duration:9.2s}.slower{animation-duration:11.2s}.slowest{animation-duration:13.5s}.super-slow{animation-duration:20.5s}@keyframes cloud-movement{0%{opacity:.1;transform:translateX(300px)}10%{opacity:.2}90%{opacity:0}to{opacity:0;transform:translateX(-1000px)}}.waves{position:absolute;z-index:1;left:0;right:0;bottom:0;overflow:hidden;top:20rem}@media (min-width:446px){.waves{top:12rem}}@media (min-width:768px){.waves{top:28rem}}@media (min-width:1024px){.waves{top:14rem}}.waves svg{position:absolute;top:0;left:0;width:100%;height:100%;transform:scaleY(3) scaleX(2.25);transform-origin:bottom;pointer-events:none}.parallax>use{animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite}.parallax>use:first-child{animation-delay:-2s;animation-duration:7s}.parallax>use:nth-child(2){animation-delay:-3s;animation-duration:10s}.parallax>use:nth-child(3){animation-delay:-4s;animation-duration:13s}.parallax>use:nth-child(4){animation-delay:-5s;animation-duration:20s}@keyframes move-forever{0%{transform:translate3d(-90px,0,0)}to{transform:translate3d(85px,0,0)}}.train-container{position:absolute;width:100%;bottom:0;z-index:10;overflow:hidden;left:0;right:0}.train{width:72rem;animation:train-move 15s linear infinite;position:relative}.train-car{display:inline-block;vertical-align:top;width:24rem;height:7rem;padding-top:1.8rem;padding-left:1.3rem;border:1px solid rgba(255,255,255,.1);border-top:2px solid rgba(255,255,255,.15);border-radius:1.1rem;background:rgba(255,255,255,.03)}.train-end,.train-head{padding-left:1.8rem;border-radius:20rem 1.1rem 1.1rem;border-left:2px solid rgba(255,255,255,.15)}.train-end .train-windows,.train-head .train-windows{width:17rem}.train-end-window,.train-head-window{width:2.5rem!important;border-top-left-radius:2.5rem!important;margin-right:2rem!important}.train-end{transform:rotateY(180deg)}.train-door,.train-windows{display:inline-block}.train-windows{width:9rem;height:5rem}.train-end-window,.train-head-window,.w-left,.w-right{display:inline-block;width:3.8rem;height:2.6rem;margin-right:.3rem;border-radius:.3rem;background:rgba(255,255,255,.05)}.train-door{vertical-align:top;width:2.5rem;height:5rem;padding:.4rem;margin-right:.5rem;background:rgba(255,255,255,.02);position:relative}.train-door:before{content:"";width:100%;height:2rem;background:rgba(255,255,255,.03);display:block}@keyframes train-move{0%{transform:translateX(-100vw)}to{transform:translateX(100vw)}}.truck-container{position:absolute;width:100%;bottom:20%;z-index:10;overflow:hidden;left:0;right:0}.truck{width:32rem;height:10rem;position:relative;animation:truck-move 12s linear infinite}.truck-cab{position:absolute;right:0;bottom:0;width:10rem;height:7rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-top:2px solid rgba(255,255,255,.15);border-radius:1rem}.truck-window{position:absolute;top:1rem;right:1rem;width:4rem;height:2.5rem;background:rgba(255,255,255,.05);border-radius:.5rem}.truck-trailer{position:absolute;left:0;bottom:0;width:24rem;height:8rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-top:2px solid rgba(255,255,255,.15);border-radius:1rem}.truck-cargo{position:absolute;top:1rem;left:1rem;right:1rem;bottom:1rem;background:rgba(255,255,255,.02);border-radius:.5rem}@keyframes truck-move{0%{transform:translateX(-100vw)}to{transform:translateX(100vw)}}.car-wrapper{position:absolute;width:100%;height:100%;overflow:hidden;z-index:10;left:0;right:0;bottom:-75%}.car{width:12rem;height:7.5rem;position:relative;opacity:1;margin-left:auto;margin-right:auto;z-index:4;animation:carMove .3s infinite}.body{position:absolute;top:0;left:.5rem;width:8.625rem;height:6rem;background:rgba(255,255,255,.05)}.body:before{content:"";position:absolute;left:-.5rem;border-radius:.625rem .625rem 0 0;width:9.525rem;z-index:2;height:.45rem;background:rgba(255,255,255,.08)}.body div{background:rgba(255,255,255,.05);width:10.875rem;bottom:-.625rem;border-radius:0 0 .625rem .625rem}.body div,.wheel{position:absolute;height:2.25rem}.wheel{width:2.25rem;background:rgba(255,255,255,.1);border-radius:50%;bottom:0;left:1.8rem;z-index:14}.wheel:before{content:"";position:absolute;left:50%;top:50%;background:rgba(255,255,255,.05);width:.9rem;height:.9rem;border-radius:50%;transform:translate(-50%,-50%)}.wheel:nth-of-type(2){left:7.875rem}.wind{z-index:-1;right:100%;height:100%;margin-right:-1.25rem}.wind,.wind .p{position:absolute}.wind .p{background:rgba(255,255,255,.1);border-radius:.625rem;height:.625rem}.wind .p1{width:4.375rem;right:0;top:1.5625rem;animation:wind 1s linear -1s infinite}.wind .p2{width:6.25rem;right:2.5rem;top:3.75rem;animation:wind 1s linear -2s infinite}.wind .p3{width:3.125rem;right:0;top:6.5625rem;animation:wind 1s linear -1s infinite}.wind .p4{width:3.75rem;right:6.25rem;top:8.4375rem;animation:wind 1s linear 1s infinite}.wind .p5{width:4.375rem;right:1.875rem;top:9.0625rem;animation:wind 1s linear -1.5s infinite}.car_outter{transform:translateX(-100%);position:relative;animation:carDrive 8s cubic-bezier(.88,.08,.16,1.1) 1s infinite}@keyframes carMove{0%{transform:translateY(0)}50%{transform:translateY(-1px)}to{transform:translateY(0)}}@keyframes wind{0%{transform:translateX(100%);opacity:1}to{transform:translateX(-400%);opacity:0}}@keyframes carDrive{0%{transform:translateX(-100vw)}25%{transform:translateX(0)}70%{transform:translateX(0)}to{transform:translateX(100vw)}}.frame{width:100%;height:auto;position:absolute;z-index:3;top:10%}.plane-container{width:100px;margin:0 auto;z-index:3;animation:paper-plane-scoping 2s infinite alternate;animation-timing-function:linear}.plane{width:100%;height:60px;animation:paper-plane-soaring 4s infinite forwards;animation-timing-function:ease-in-out}@keyframes paper-plane-scoping{0%{transform:translateY(0)}to{transform:translateY(50px)}}@keyframes paper-plane-soaring{0%{transform:rotate(0deg)}40%{transform:rotate(15deg)}50%{transform:rotate(15deg)}60%{transform:rotate(-10deg)}70%{transform:rotate(-10deg)}to{transform:rotate(0deg)}}.ship-container{position:absolute;width:100%;bottom:35%;z-index:2;overflow:hidden;left:0;right:0;animation:ship-on-wave 4s ease-in-out infinite}.ship{width:120px;height:60px;margin-left:60%;animation:ship-tilt 4s ease-in-out infinite}.ship,.ship-body{position:relative}.ship-body{width:100%;height:100%}.ship-hull{position:absolute;bottom:0;width:100%;height:40%;background:rgba(255,255,255,.1);border-radius:0 0 50% 50%}.ship-deck{position:absolute;bottom:40%;width:80%;height:20%;left:10%;background:rgba(255,255,255,.05);border-radius:2px}.ship-cabin{position:absolute;bottom:60%;width:40%;height:30%;left:30%;background:rgba(255,255,255,.08);border-radius:2px 2px 0 0}.ship-smokestack{bottom:70%;width:10%;height:20%;left:45%}.ship-smokestack,.smoke{position:absolute;background:rgba(255,255,255,.05)}.smoke{bottom:100%;width:20px;height:20px;border-radius:50%;animation:smoke 3s infinite}.smoke:first-child{left:-10px;animation-delay:0s}.smoke:nth-child(2){left:0;animation-delay:1s}.smoke:nth-child(3){left:10px;animation-delay:2s}@keyframes ship-on-wave{0%{transform:translateY(0)}50%{transform:translateY(15px)}to{transform:translateY(0)}}@keyframes ship-tilt{0%{transform:rotate(0deg)}25%{transform:rotate(2deg)}75%{transform:rotate(-2deg)}to{transform:rotate(0deg)}}@keyframes smoke{0%{transform:translateY(0) scale(1);opacity:.5}to{transform:translateY(-20px) scale(2);opacity:0}}