*{box-sizing:border-box;margin:0;padding:0}body{font-family:Lato,sans-serif;font-size:16px;line-height:2.2;padding:1rem}.section-header{display:flex;margin:0 1rem;justify-content:space-between;align-items:center;background-color:#00bfff;padding:.5rem 1rem;margin:0;border-top-left-radius:5px;border-top-right-radius:5px;font-weight:700;font-size:1.2rem}#editor-block,#preview-block{max-width:800px;margin:2rem auto;border:1px solid #ccc;border-radius:5px;overflow:hidden}#editor-block{max-width:600px}.icon-right{font-size:1rem;color:#555}textarea{display:block;margin:0 auto;max-width:600px;width:100%;height:400px;padding-left:1rem;background-color:#e0ffff}#preview{margin:0 auto;width:100%;padding-left:1rem;background-color:#e0ffff}#preview pre{background-color:#fff;padding:1rem;border-radius:5px;overflow-x:auto;margin-right:1rem}#preview table{width:60%;border-collapse:collapse;margin:1rem 0;font-family:inherit}#preview th,#preview td{border:2px solid #000;padding:.5rem;text-align:left}#preview th{font-weight:700}#preview p,#preview ul,#preview ol,#preview blockquote{padding-left:1rem}#preview img{width:200px}@media (max-width: 768px){#editor-block,#preview-block{max-width:100%;margin:1rem auto}textarea,#preview{max-width:100%;width:100%}.section-header{font-size:1rem;padding:.75rem 1rem}#preview table{width:100%}}