*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,Arial,sans-serif;background-color:#008b8b}#wrapper{display:flex;justify-content:space-between;height:100vh;padding:30px}#editor-wrapper{width:47%;height:90%}#editor{width:100%;height:100%;padding:20px;font-size:16px;border:1px solid #ccc;border-radius:7px;background-color:#fafad2;resize:none;scrollbar-width:thin}#preview-wrapper{width:48%;height:90%;overflow-y:auto;background-color:#fff;padding:20px;border-radius:7px;border:1px solid #ccc;scrollbar-width:thin;background-color:#fafad2}#preview{font-size:14px;line-height:1.7;color:#000}h1{text-decoration:underline 2px}h2{text-decoration:underline 1px}pre,code{background-color:#fff;padding:10px;font-weight:700;border-radius:7px;font-family:Courier New,monospace;font-size:14px;word-wrap:break-word;white-space:pre-wrap}table{width:100%;border-collapse:collapse;margin:20px 0}th,td{padding:7px;text-align:center;border:1px black solid}th{background-color:#fff}ul,ol{padding-left:20px}ul li,ol li{margin-bottom:10px}img{max-width:100%;height:auto;display:block;margin:10px 0}a{font-size:1.3em;font-weight:700;text-decoration:none}blockquote{border-left:5px solid #ccc;margin:10px 0;padding-left:15px;color:#555;font-style:italic}@media (max-width: 770px){#wrapper{flex-direction:column}#editor-wrapper,#preview-wrapper{width:100%;margin-bottom:10px}}code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:none;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#272822}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#8292a2}.token.punctuation{color:#f8f8f2}.token.namespace{opacity:.7}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:#f92672}.token.boolean,.token.number{color:#ae81ff}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#a6e22e}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.function,.token.class-name{color:#e6db74}.token.keyword{color:#66d9ef}.token.regex,.token.important{color:#fd971f}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}