html{font-size:16px}body,html{height:100%;padding:0;margin:0}html,textarea{font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;color:#222;background-color:#f9f3ee}body{display:flex}body>div,body>textarea{flex:1;height:100%;box-sizing:border-box;overflow:scroll;padding:20px;line-height:1.5}body>div{border-left:1px solid #d0d0d0}textarea{border:none;resize:none;margin:0;font-size:1rem}textarea:focus{outline:0}code,pre{font-family:Inconsolata,monospace;font-weight:400;font-size:.9rem;background-color:#fefefe;border:1px solid #e0e0e0;border-radius:5px}pre{padding:10px}code{padding:3px}pre>code{border:none}blockquote{margin-left:5px;padding-left:10px;border-left:5px solid #d0d0d0}ol,ul{padding-left:30px}