*{box-sizing:border-box}body{display:flex;background-color:#4dbbbb}body>*{margin:10px}.window{flex:1;height:95vh;display:flex;flex-direction:column;box-shadow:3px 4px 5px 4px #0009}.window,#editor{background-color:#e0e0e0;border-radius:10px}#editor{height:100%;width:100%;resize:none;border:none;outline:none}#preview{overflow-y:auto}.title-bar{text-align:center;padding:5px;border:2px solid black;border-top-left-radius:5px;border-top-right-radius:5px;font-family:Comic Sans MS,Comic Sans,cursive;font-size:20px;font-weight:700;letter-spacing:1.5px;background:linear-gradient(to right,#a4c8e1,#7bb3d0)}#editor,#preview{padding:5px;font-family:Consolas,Courier New,monospace}pre,code{background-color:#fff}blockquote{border-left:4px solid #ccc;padding-left:16px;margin-left:10px;color:#555}table,th,td{border:1px solid black;border-collapse:collapse;padding:3px}img{max-width:100%;height:auto}@media (max-width: 768px){body{flex-direction:column;height:100vh;margin:0}.window{flex:1 1 auto;height:auto;margin:5px 10px;display:flex;flex-direction:column}#editor{flex-grow:1;min-height:200px;resize:none}#preview{flex-grow:1;overflow-y:auto}.title-bar{font-size:16px;padding:3px}#editor,#preview{font-size:14px}}