body{font-family:Ubuntu,sans-serif;font-size:14px;padding:0;margin:0;background-color:linear-gradient(hsla(0,0%,70.2%,.247),hsla(0,0%,100%,.589));background-position:cover}*{box-sizing:border-box}a{text-decoration:none}.messages{padding:0 10rem}.hero{width:100vw;padding:2rem 10rem 4rem;overflow:hidden;margin:0 auto;display:flex;position:relative}.hero:after,.hero:before{content:"";width:200%;height:500px;background:rgba(42,74,193,.02);position:absolute;top:0;z-index:-2;left:-50%;transform:rotate(-4deg)}.hero:after{transform:rotate(4deg);top:92px}.hero .left{flex:2}.hero .right{flex:1}.hero h1{font-size:4em;font-weight:700;margin:0}.hero p{line-height:1.5}.hero p.strapline{font-size:2rem}.hero .ebook{background-image:url(/javascript-howtos/javascript_howtos_book_cover.6a027edc.png);background-size:cover;background-position:50%;height:300px}.hero .signup-form{width:75%;margin:0 auto;align-self:center;display:flex;flex-direction:column}.hero .signup-form button,.hero .signup-form input{font-size:1rem;padding:1rem;margin:.25rem 0}.hero .signup-form p.disclaimer{font-size:.75rem;line-height:1.2;margin:.25rem 0}.hero .signup-form .checkbox{margin-left:.5rem}.hero .signup-form button{color:#fff;background-color:#7c2ae8;font-weight:700;outline:none;border:0;transition:all .3s ease;cursor:pointer}.hero .signup-form button:disabled{background-color:#360c6d}.hero .signup-form button:focus:enabled,.hero .signup-form button:hover:enabled{background-color:#6316c9}.confirmation{background-color:#06c5b2}.error{background-color:#e72f2f}.confirmation,.error{color:#fff;padding:.5rem 1rem;margin-top:-4rem;margin-bottom:1rem;font-size:1rem;font-weight:400}.confirmation.hidden,.error.hidden{display:none}footer{text-align:center}@media screen and (max-width:660px){.hero{padding:.5rem;flex-direction:column}.hero:before{top:-20%;height:1200px}.hero:after,.hero:before{width:100%}.hero .ebook{height:400px}}
/*# sourceMappingURL=/javascript-howtos/styles.1b53b844.css.map */