.body{display:-ms-flexbox;display:flex;background:url("/img/noise.png") repeat}.body .groovy-inputs,.body .groovy-outputs{-ms-flex-preferred-size:50%;flex-basis:50%;padding:2vw;box-sizing:border-box}.body .groovy-inputs p{color:#fffaf0;text-shadow:0 0 2px #3e180d}.body .groovy-inputs a{text-decoration:none;color:#ffcc5e;text-shadow:0}.body .groovy-inputs input,.body .groovy-inputs span.helper,.body .groovy-inputs textarea{display:block;width:100%;box-shadow:0 0 5px #333}.body .groovy-inputs input,.body .groovy-inputs textarea{background-color:#3e180d;border:3px solid #dea935;border-radius:10px 10px 0 0;padding:10px;box-sizing:border-box;font-family:Moderna;color:#fff;letter-spacing:1px}.body .groovy-inputs input[type=checkbox]{position:absolute;left:-200vw}.body .groovy-inputs input:focus{outline:none}.body .groovy-inputs span.helper{box-sizing:border-box;margin:0 0 1em;padding:1em;color:#3e180d;background-color:#f0e5c8;border-radius:0 0 10px 10px;border:3px solid #dea935}.body .groovy-inputs span.helper a{color:#a77c2c}.body .groovy-inputs .social{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;padding:20px 10px}.body .groovy-inputs .social label{background-color:#73311e;border:5px solid #f0e5c8;color:#f0e5c8;box-shadow:2px 0 10px #555;padding:.5em 1em;border-radius:10px;font-family:Thirsty;transition:background .2s ease,box-shadow .1s ease}.body .groovy-inputs .social label:active{box-shadow:none}.body .groovy-inputs .social .facebook:hover{background-color:#3b5998}.body .groovy-inputs .social .twitter:hover{background-color:#4099ff}.body .groovy-inputs .social .google:hover{background-color:#dc4e41}.body .groovy-outputs .code{background-color:#3e180d;padding:10px;border-radius:10px;border:5px solid #f0e5c8;box-shadow:0 0 5px #333;color:#f0e5c8;font-size:18px;line-height:1.2}.body .groovy-outputs .code .meta{color:#cd5c5c}.body .groovy-outputs .code .property{color:#9acd32;font-weight:700}.body .groovy-outputs .code .value{color:#ff0}.body .groovy-outputs .code .comment{opacity:.5}.body .groovy-outputs button{padding:.5em 1em;background-color:#c0371f;border:5px solid #dea935;font-family:Thirsty;color:#f0e5c8;border-radius:10px;font-size:20px;box-shadow:0 0 5px #000;margin-top:1em;transition:box-shadow .1s ease}.body .groovy-outputs button:active{box-shadow:none}.body .groovy-outputs button:focus{outline:none}@font-face{font-family:Thirsty;font-style:normal;src:url("/fonts/thirstysoftblack-webfont.woff")}@font-face{font-family:Moderna;font-style:normal;src:url("/fonts/moderna.ttf")}footer{background-color:#3e180d;clear:both;text-align:center;padding:2em 0;box-shadow:inset 0 0 20px #000}footer p{margin:1em 0 0;color:#d46828}footer .icons{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}footer a.share{box-shadow:2px 0 10px #000;padding:.5em 1em;border-radius:10px;color:#fff;font-family:Thirsty;margin:0 1em;border:5px solid #f0e5c8}footer a{color:#f0e5c8;text-decoration:none}footer .twitter{background-color:#4099ff}footer .facebook{background-color:#3b5998}header{display:-ms-flexbox;display:flex;padding:2em 0;background:url("/img/pattern.jpg") repeat;box-shadow:inset 0 0 20px #000}header .groovy-title{-ms-flex-preferred-size:40%;flex-basis:40%}header .groovy-title h1{text-align:center;-ms-transform:rotate(-15deg);transform:rotate(-15deg);line-height:1}header .groovy-title h1 span{display:block;font-size:1.8rem;color:#3a2e12;text-shadow:none}header .groovy-desc{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;padding:10px;max-width:600px;-ms-flex-preferred-size:40%;flex-basis:40%;margin:auto;background:#f0e5c8;border-radius:15px;border:5px solid #c0371f;box-shadow:0 0 15px #000;color:#3e180d}h1,h2,h3{font-family:Thirsty}h1{font-size:6rem;color:#ffd57a;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}h2,h3{font-size:3rem;color:#f0e5c8;text-shadow:2px 4px 0 #73311e,4px 0 0 #c0371f,2px -2px 0 #3e180d;text-align:center}h3{font-size:2rem}p,span{font-family:Moderna}span.helper{font-size:.9em}.code,.code span{font-family:Consolas,Courier,monotype}body,html{margin:0;padding:0}main{box-sizing:border-box}body{margin:0;padding:0;font-family:sans-serif}
/*# sourceMappingURL=main.2e9a8560.css.map*/