@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700");html{height:100%;position:relative}.really-hidden{display:none}body .parallax{position:fixed;top:0;left:0;right:0;width:100%;height:600vh;background-repeat:repeat;background-position-x:center;background-image:url(../img/small-clouds.png);z-index:-1;transform:translateY(150px)}#fp-nav{opacity:0;pointer-events:none}.flip{transform:scaleX(-1)}#home{color:#fff;box-sizing:border-box;overflow:hidden}#home.active .illustration .cloud-2{transition-delay:.15s}#home.active .illustration .cloud-3{transition-delay:.3s}#home header{padding:40px 0 25px;height:auto}#home .logo-wrapper{text-align:left}#home .logo-wrapper .logo{font-size:2.5em;color:transparent;font-weight:700;text-decoration:none;text-decoration:none;position:relative;display:inline-block;background:url("../img/logo.png") no-repeat center center/contain}#home .home-content{text-align:center;display:flex;flex-direction:column}#home .home-content h1{margin-bottom:20px}#home .home-content h4{margin-bottom:40px}#home .home-content h5{margin-bottom:40px}#home .third-base{display:flex;height:100%;padding:80px 30px 20px;position:relative}#home .third-base svg{max-height:100%;display:block;width:100%}#home .illustration{position:absolute;left:0;bottom:0;width:100%;height:525px;z-index:-1}#home .illustration .clouds{object-fit:cover;height:100%;width:100%}#home .illustration .cloud-2{height:100%;width:100%;position:relative}#home .illustration .cloud-1{position:absolute;left:0;right:0;bottom:0;width:100%}#home .illustration .cloud-3{position:absolute;left:0;right:0;bottom:0;width:100%}#home .scroll-suggestor{color:#95cee0;text-transform:uppercase;font-size:.9em;font-weight:700;padding:0 20px 20px;width:100%;box-sizing:border-box}#home .scroll-suggestor .arrow-down{margin-top:10px}#signup .illustration{position:absolute;left:0;top:0;width:100%;height:200px;z-index:-1;pointer-events:none;will-change:transform;transform:translateZ(0)}#signup .illustration img{object-fit:cover;height:100%;width:100%}#signup h2{color:#fff;font-weight:600}#signup .center-wrapper{text-align:center}#signup h2{line-height:1.3}#signup #signup-form{margin-top:40px}#signup #signup-form input{display:block}#signup #signup-form input:not(.button){margin:0 auto 40px}#signup #signup-form .button{margin:0 auto}.illustration-section{overflow:hidden}.illustration-section.active .cloud-back{animation-play-state:running}.illustration-section h2{font-size:2.4em;margin-bottom:25px;color:#2f344f;font-weight:700}.illustration-section p{color:#3c4862;margin-bottom:40px}.illustration-section .illustration{position:relative}.illustration-section .chara{width:100%;transform:scale(0.9);transform-origin:center}.illustration-section .chara-2 svg,.illustration-section .chara-3 svg{max-height:420px}.illustration-section .chara img,.illustration-section .chara svg{display:block;margin:0 auto}.illustration-section .cloud-back{animation:float 2.5s ease-in-out;animation-play-state:paused;animation-iteration-count:infinite}.illustration-section .cloud{position:absolute;z-index:-1}.illustration-section .cloud img{position:relative;z-index:1}.illustration-section .cloud .cloud-back{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.illustration-section .cloud-1{bottom:-150px;right:-380px}.illustration-section .cloud-2{bottom:-100px;left:-240px}.illustration-section .cloud-3{bottom:-100px;right:-240px}.illustration-section .cloud-1 .cloud-back{transform:translateY(50px)}.illustration-section .cloud-2 .cloud-back{transform:translateY(30px)}.illustration-section .cloud-3 .cloud-back{transform:translateY(0px)}@keyframes float{0%{transform:translatey(0px)}50%{transform:translatey(-20px)}100%{transform:translatey(0px)}}#footer{padding:100px 0 0;box-sizing:border-box;text-align:center;font-size:.9em;color:#88d1dd}#footer .base-wrapper{height:100%;display:flex;flex-direction:column}#footer h2{color:#fff;font-weight:700}#footer .link{text-decoration:none;color:#88d1dd}#footer figure{margin-top:auto;margin-bottom:30px}#footer figure img{display:block;margin:0 auto;max-width:500px}#footer .illustration{position:absolute;left:0;bottom:0;width:100%;height:520px;z-index:-1}#footer .illustration img{object-fit:cover;width:100%;height:100%}#footer .absolute-footer{padding:0 80px 25px;box-sizing:border-box}@media (min-width: 769px){.third-base .chara{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.333333%;box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.third-base .chara-2{transform:translateX(-20px) scale(0.75);transform-origin:top left}}@media (max-width: 480px){.button.button{font-size:.8em;padding:15px 30px}#home{padding-top:20px;overflow:hidden}#home .logo-wrapper{text-align:center}#home .logo-wrapper .logo{font-size:1.8em}#home .home-content{padding:0 25px;height:100%}#home header{padding-top:0;padding-bottom:30px}#home h1{font-weight:600;font-size:2.5em}#home .home-content h4{margin-bottom:20px}#home h5{font-size:1em;margin-top:10px}#home .scroll-suggestor{font-size:.7em}#home .third-base{margin-top:auto;height:auto;padding:0;padding-top:60px;padding-bottom:15px}#home .third-base .chara{height:150px}#home .third-base .chara svg{height:100%}#home .third-base .chara-1{transform:translateX(-15%)}#home .third-base .chara-2,#home .third-base .chara-3{position:absolute}#home .third-base .chara-3{top:0;right:0;transform:translateX(35%);transform-origin:bottom right}#home .third-base .chara-2{top:0;left:0;transform:scale(0.65) translateX(-35%);transform-origin:top left}#signup .base-wrapper.base-wrapper{padding:0 25px}@supports (zoom: 1){.illustration-section .chara.chara{zoom:.5}.illustration-section .chara-2.chara-2{zoom:.4}.illustration-section .chara-3.chara-3{zoom:.4}}.illustration-section{padding:0 30px 100px;margin-top:30px}.illustration-section>.base-flex.base-flex{height:auto}.illustration-section br{display:none}.illustration-section h2{font-size:1.8em}.illustration-section p{font-size:.9em;margin-bottom:0 !important}.illustration-section .button{display:none}.illustration-section .content{margin-bottom:30px}.illustration-section.on-right .chara{transform-origin:right bottom}.illustration-section.on-right .chara img,.illustration-section.on-right .chara svg{margin-left:auto;margin-right:0}.illustration-section.on-left .chara{transform-origin:left bottom}.illustration-section.on-left .chara img,.illustration-section.on-left .chara svg{margin-right:auto;margin-left:0}.illustration-section .chara{transform:none}.illustration-section .chara svg{max-width:400px}.illustration-section .cloud img{width:100%}.illustration-section .cloud-1{transform:scale(0.7) translateX(20%)}.illustration-section .cloud-2{transform:scale(0.7) translateX(-25%)}.illustration-section .cloud-3{transform:scale(0.6) translateX(20%)}#footer h2{margin-top:25px}#footer .base-wrapper{padding:0 25px}#footer figure img{width:100%;max-width:none}#footer .center{margin-top:5px}#footer .absolute-footer{padding-right:0;padding-left:0;display:block}}@media (max-width: 768px){.none-on-mobile{display:none}section{height:100% !important}.wrap-reverse-on-mobile{flex-wrap:wrap-reverse}#signup .base-wrapper{height:100%}#home .home-content{height:100%}#home .logo-wrapper{text-align:center}#signup .base-wrapper{padding:0 50px}@supports (zoom: 1){.illustration-section .chara{zoom:.6}.illustration-section .chara-2{zoom:.5}.illustration-section .chara-3{zoom:.5}}.illustration-section{padding:0 30px}.illustration-section>.base-flex{height:100%}.illustration-section br{display:none}.illustration-section h2{font-size:1.8em;margin-bottom:20px}.illustration-section p{margin-bottom:30px}.illustration-section .button{display:none}.illustration-section .content{margin-bottom:30px}.illustration-section.on-right .chara{transform-origin:right bottom}.illustration-section.on-right .chara img,.illustration-section.on-right .chara svg{margin-left:auto;margin-right:0}.illustration-section.on-left .chara{transform-origin:left bottom}.illustration-section.on-left .chara img,.illustration-section.on-left .chara svg{margin-right:auto;margin-left:0}.illustration-section .chara{transform:none}.illustration-section .cloud img{width:100%}.illustration-section .cloud-1{left:0;right:-100px;bottom:-100px;transform:scale(0.8) translateX(20%)}.illustration-section .cloud-2{right:0;left:-100px;bottom:-100px;transform:scale(0.8) translateX(-25%)}.illustration-section .cloud-3{left:0;right:-100px;bottom:-110px;transform:scale(0.8) translateX(20%)}}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1){.illustration-section.illustration-section{padding:0}.illustration-section .content.content{padding:0}.illustration-section .button.button{display:inline-block}.illustration-section .col-sm-12.col-sm-12{flex-basis:100% !important;max-width:100% !important}.illustration-section .base-wrapper{height:100%;padding:0 60px}.illustration-section h2{font-size:2.4em}.illustration-section br{display:none}.illustration-section p{font-size:1.2em}.illustration-section .cloud{zoom:.8}.illustration-section .chara-1{zoom:.8}.illustration-section .chara-2{zoom:.7}.illustration-section .chara-3{zoom:.7}.illustration-section.on-right svg{margin-left:auto;margin-right:inherit}.illustration-section.on-left svg{margin-right:auto;margin-left:inherit}#home .illustration{height:900px}#footer .illustration{height:1200px}#signup .illustration{height:250px}#home .scroll-suggestor{font-size:1.2em}#home .logo-wrapper .logo{font-size:3em}#home .second-base{margin-top:30px}#home .home-content{padding:0 40px}#home .home-content h1{font-size:4em;margin-bottom:40px}#home .home-content h4{font-size:2em}#home .third-base{padding:0}#home .third-base .chara{height:300px;margin:auto 0}#home .third-base .chara svg{height:100%}#signup h2{font-size:2.5em}#signup .base-wrapper{padding:0 100px}input{font-size:2em !important}.button{font-size:1.3em !important;padding:25px 50px !important;border-radius:6px !important}#footer h2{font-size:4em !important}#footer .col-sm-12.col-sm-12{flex-basis:100% !important;max-width:100% !important}#footer p,#footer a{font-size:1.8em}#footer .right{margin-bottom:10px}#footer .absolute-footer{padding-bottom:50px}}@media (max-height: 745px){.illustration-section .illustration{transform:scale(0.8)}.max-350.left-auto.left-auto{margin-left:0}}@media only screen and (min-width: 768px) and (max-width: 1200px){#home header{padding-left:30px}.illustration-section .content{padding:0 35px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.illustration-section .col-sm-12{flex-basis:50%;max-width:50%}.illustration-section .base-wrapper{height:100%}.illustration-section br{display:none}.illustration-section.on-right svg{margin-left:auto;margin-right:inherit}.illustration-section.on-left svg{margin-right:auto;margin-left:inherit}#home .illustration{height:900px}#signup .illustration{height:250px}#home .third-base .chara{transform:none}#signup .base-wrapper{padding:0 100px}#footer .col-sm-12{flex-basis:33.33%;max-width:33.33%}}@media only screen and (max-device-width: 320px) and (orientation: portrait){#home header{padding-bottom:15px}#home h1{font-size:1.5em}#home .home-content h5{font-size:.9em;margin-bottom:20px}#home .illustration{background:url("../img/mobile-clouds-top.png") no-repeat center center/cover;height:290px;width:100%}#home .illustration img{display:none}.button.button.button{padding:10px 15px;font-size:.8em}@supports (zoom: 0.4){.illustration-section .chara{zoom:.4}}.illustration-section h2{font-size:1.5em}.illustration-section .chara-2 img{width:40%}.illustration-section .chara-3 img{width:38%}.illustration-section .cloud{transform:scale(0.8)}#signup .illustration{background:url("../img/mobile-clouds-bottom.png") no-repeat center center/cover;height:100px;width:100%}#signup .illustration img{display:none}}body{font-size:16px;background:-webkit-gradient(radial, center center, 0, center center, 500, from(#c1e1ea), to(#88d1dd));background-attachment:fixed;font-family:"Open Sans",sans-serif}section{position:relative}.base-flex{display:flex}.base-flex .center-wrapper{align-self:center;width:100%}#melodies{transform:translate(20px, 30px)}h1{font-size:3.2em;font-weight:700}h2{font-size:2em;line-height:1.25;position:relative}h2.w-quote:before{content:"‌";position:absolute;top:-4px;left:-22.5px;width:33px;height:20px;background:url(../img/double-quote.svg) no-repeat center center/contain;transform-origin:center;transform:rotate(180deg);z-index:-1}h2.w-quote:after{content:"";width:33px;height:20px;background:url(../img/double-quote.svg) no-repeat center center/contain;transform-origin:center;transform:translate(-3px, -8px);display:inline-block;z-index:-1}h4{font-size:1.2em;line-height:1.5}h5{font-size:.9em;line-height:1.5}p{font-size:1em;line-height:1.5}a.link{font-size:1em;line-height:1.5}input:not(.button){width:100%;padding:10px 0;border:none;border-bottom:2px solid #fff;color:#fff;background:none;font-size:1.1em;border-radius:0;-webkit-appearance:none;text-transform:lowercase;transition:.3s all ease}input:not(.button):focus{outline:none}input:not(.button).error{border-color:red}input:not(.button):focus{outline:none}input:not(.button)::-webkit-input-placeholder{color:#fff;text-transform:uppercase}input:not(.button)::-moz-placeholder{color:#fff;text-transform:uppercase}input:not(.button):-ms-input-placeholder{color:#fff;text-transform:uppercase}input:not(.button):-moz-placeholder{color:#fff;text-transform:uppercase}.row{margin:0}.button{display:inline-block;padding:15px 40px;background:#f7586a;border-radius:3px;color:#fff;border:none;text-transform:uppercase;font-size:1em;transition:.3s all ease;cursor:pointer;text-decoration:none;-webkit-appearance:none;-moz-appearance:none}.button:hover{background:#fc9ea9}@media (min-width: 1085px){.base-wrapper{width:1084px;margin:0 auto}.base-wrapper:not(.height-auto){height:100%}}@media (min-width: 769px){.left{text-align:left}.right{text-align:right}.base-wrapper:not(.height-auto){height:100%}section{height:100vh}.max-400{max-width:480px}.max-400:not(.no-center){margin:0 auto}.max-350{max-width:400px}.max-350.left-auto{margin-left:auto}}

/*# sourceMappingURL=main.css.map */