@import url("https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i|Neuton:200,300,400,400i,700,800&display=swap");*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased}html{font-size:16px;font-family:Lato}body{background-color:#f6f6f4;position:relative;--mw:1200px}.outer-wrapper{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}#wrapper{padding:2em 6rem 4rem;width:100%;height:100%;max-width:160vh;max-height:62.5vw;margin:0 auto;grid-template-columns:repeat(2,50%);grid-template-rows:repeat(2,50%)}#wrapper,.container{display:grid;position:relative}.container{grid-template-columns:repeat(16,1fr);grid-template-rows:repeat(20,1fr);font-size:.6rem;cursor:pointer}.container:hover{border:1px solid #000}.container.visible{display:grid}section{box-shadow:0 0 4px 0 rgba(0,0,0,.3);background-color:#fff}h2{font-size:.9rem;font-weight:300;text-transform:uppercase;margin-bottom:1rem}a{text-decoration:none;color:#000}.info{position:absolute;bottom:0;padding:1rem 2rem;text-align:center;width:100%;line-height:1.6;font-size:.7rem}.info a{text-decoration:underline}.controls{grid-column-start:15;grid-column-end:16;grid-row-start:2;grid-row-end:3;display:none;justify-content:space-between;align-items:stretch;align-content:stretch}.button{padding:.5rem;-webkit-appearance:none;border-radius:0;background-color:#fff;border:.5px solid silver;line-height:1;text-transform:uppercase;font-family:Lato;font-size:.6rem;font-weight:400;color:rgba(0,0,0,.7);cursor:pointer}.controls .button{width:100%;margin-left:.25rem;margin-bottom:.25rem;display:flex;align-items:center;justify-content:center;font-size:.7rem}.controls .button i{margin-left:.2rem}.nav{position:absolute;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:space-between}.nav__btn{width:2rem;height:2rem;margin:1.5rem;border-top:2px solid #000;border-left:2px solid #000;cursor:pointer;z-index:10}.nav__btn.hidden{display:none}.nav__btn-prev{transform:rotate(-45deg)}.nav__btn-next{transform:rotate(135deg)}.nav__btn:hover{color:#6b0a0a}.footer{position:fixed;bottom:.5rem;right:1rem;font-size:.8rem;z-index:10}.footer a{color:#000;text-decoration:underline}.editor{grid-column-start:2;grid-column-end:6;grid-row-start:2;grid-row-end:15;z-index:1;position:relative;border:1rem solid #fff}.editor__textarea{width:100%;height:100%;font-family:Neuton;font-size:1.3em;line-height:1.3;overflow:hidden;user-select:none}.editor__meta{position:absolute;bottom:.4em;left:-.4em;transform-origin:bottom left;transform:rotate(-90deg);font-size:.9em;display:none;font-style:italic;font-weight:300}.editor__meta p{display:inline;line-height:1}.editor__meta a{color:#000;border-bottom:.5px solid rgba(0,0,0,.7)}.editor__meta a:hover{font-weight:400}.canvas{grid-column-start:3;grid-column-end:16;grid-row-start:3;grid-row-end:20}.canvas canvas{width:100%;height:100%}body.single #wrapper{display:block}body.single section{box-shadow:0 0 8px 1px rgba(0,0,0,.3)}body.single .container{font-size:1rem;cursor:auto;width:100%;height:100%}body.single .container:hover{border:none}body.single .editor{grid-column-end:7;grid-row-end:15;border:none}body.single .editor__textarea{overflow:scroll;padding:1rem}body.single .nav__gallery{display:block}body.single .controls{display:flex}body.single .editor__meta{display:block}
/*# sourceMappingURL=/style.4a566125.css.map */