body{font-family:Arial,sans-serif;background-color:#121212;color:#e0e0e0;margin:0;padding:0;display:flex;justify-content:center;align-items:center;height:100vh}.App{width:60%}#main-header{position:fixed;left:45vw;top:3vw}h1{font-size:55;font-weight:750;color:#e7e2ec;margin-bottom:20px}.boxes-container{display:flex;justify-content:space-between;gap:20px}#editor-div,#preview-div{flex:1;display:flex;flex-direction:column}#editor-header,#preview-header{text-align:center;background-color:#1e1e1e;padding:10px;border-radius:5px 5px 0 0;margin:0}#editor{width:25vw;flex:1;background-color:#1e1e1e;color:#e0e0e0;border:none;padding:20px;border-radius:0 0 5px 5px;outline:none;font-size:16px}#preview{width:50vw;flex:1;background-color:#1e1e1e;color:#e0e0e0;resize:both;padding:20px;border-radius:0 0 5px 5px;overflow-y:auto}#preview h1,#preview h2,#preview h3,#preview h4,#preview h5,#preview h6{color:#bb86fc}#preview code{background-color:#2d2d2d;padding:2px 4px;border-radius:4px}#preview pre{background-color:#2d2d2d;padding:10px;border-radius:5px;overflow-x:auto}#preview a{color:#bb86fc}#preview blockquote{border-left:4px solid #bb86fc;padding-left:10px;color:#aaa}#preview table{width:100%;border-collapse:collapse}#preview th,#preview td{border:1px solid #444444;padding:10px;text-align:left}#preview th{background-color:#333}