@font-face{font-family:Indiana Jonas Regular;font-style:normal;font-weight:400;src:local("Indiana Jonas Regular"),url(../fonts/Indiana-Jonas-48p.a8004ba4.woff) format("woff")}.hello{display:grid;height:100vh;grid-auto-flow:column;grid-auto-columns:1fr;overflow:hidden}.cloud-col{position:relative}.cloud{background:#fff;background:linear-gradient(top,#fff 5%,#f1f1f1);border-radius:100px;box-shadow:0 8px 5px rgba(0,0,0,.1);height:120px;position:absolute;width:350px;left:50%}.cloud:after,.cloud:before{background:#fff;content:"";position:absolute;z-index:-1}.cloud:after{border-radius:100px;height:100px;left:50px;top:-50px;width:100px}.cloud:before{border-radius:200px;width:180px;height:180px;right:50px;top:-90px}.cloud1{-webkit-animation:animateCloud1;animation:animateCloud1;-webkit-animation-duration:20s;animation-duration:20s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;transform:scale(.65) translateX(-50%)}.cloud2{-webkit-animation:animateCloud2;animation:animateCloud2;-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;transform:translateX(-50%)}.cloud3{-webkit-animation:animateCloud3;animation:animateCloud3;-webkit-animation-duration:14s;animation-duration:14s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;transform:scale(.85) translateX(-50%)}.hero{position:absolute;bottom:20vh;left:10vw}.hero img{height:60vh;-webkit-animation:animateHero;animation:animateHero;-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.logo{position:absolute;right:10vw;top:10vh}.logo .name{font-size:10vw;font-family:Indiana Jonas Regular}.logo .slogan{margin-left:7vw;margin-top:-2.5vw;font-size:2vw}@-webkit-keyframes animateCloud1{0%{margin-top:-150px}to{margin-top:110vh}}@keyframes animateCloud1{0%{margin-top:-150px}to{margin-top:110vh}}@-webkit-keyframes animateCloud2{0%{margin-top:-150px}to{margin-top:110vh}}@keyframes animateCloud2{0%{margin-top:-150px}to{margin-top:110vh}}@-webkit-keyframes animateCloud3{0%{margin-top:-150px}to{margin-top:110vh}}@keyframes animateCloud3{0%{margin-top:-150px}to{margin-top:110vh}}@-webkit-keyframes animateHero{0%{margin-left:0}20%{margin-left:15px}40%{margin-left:0}60%{margin-left:30px}to{margin-top:0}}@keyframes animateHero{0%{margin-left:0}20%{margin-left:15px}40%{margin-left:0}60%{margin-left:30px}to{margin-top:0}}body{margin:0;padding:0;background-color:#87ceeb}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}