#app{height:100%;font-family:Lato,Helvetica Neue,Arial,Helvetica,sans-serif;background:repeating-linear-gradient(45deg,#effeff,#effeff 80px,#eff6ff 0,#eff6ff 160px)}#app #view{padding-top:6em}.footer{position:fixed;left:0;bottom:0;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:.5em;padding-left:.5em;padding-right:.5em}textarea{resize:none}#home{display:grid;height:100%;grid-gap:1em}@media (max-width:599px){#home{grid-template-columns:auto minmax(90vw,26em) auto;grid-template-rows:2em 15em 3em 15em;grid-template-areas:". header ." ". input . " ". button ." ". result ."}}@media (min-width:600px){#home{grid-template-columns:auto minmax(15em,45vw) minmax(15em,45vw) auto;grid-template-rows:3em minmax(15em,50vh);grid-template-areas:". header button ." ". input result ."}}#header{grid-area:header}#input{grid-area:input}#result{grid-area:result}#button{grid-area:button}