*{padding:0;margin:0}body{background-color:#87b5b5}.container{margin:1rem;display:flex;flex-direction:column;text-align:left;align-items:center}#editor-container{filter:drop-shadow(0px 4px 14px #000000)}#editor{width:24.2rem;height:7rem;background-color:#c0d8d8;padding:.3rem}#editor-text{border:1.5px solid black;width:23.78rem;text-align:left;padding:.5rem;font-weight:900;background-color:#4aa3a3;color:#000}#preview-container{height:auto;width:35rem;border-radius:10px;background-color:#c0d8d8;margin-top:1rem;filter:drop-shadow(0px 4px 14px #000000)}#preview{padding:1rem}#previewer-text{border:1.5px solid black;border-radius:10px;width:33.99rem;font-weight:900;padding:.5rem;background-color:#4aa3a3;color:#000;margin-bottom:.5rem;filter:drop-shadow(-1px 6px 13px #545454)}pre,code{background-color:#fff;margin:1rem .4rem;overflow-x:auto}#preview img{max-width:30rem;height:auto;display:block;margin:1rem auto}#preview ol{margin:1rem}#preview h1{margin:.2rem .2rem 2rem;border-bottom:2px solid #000000}#preview h2{margin:.2rem .2rem 2rem;border-bottom:1px solid #000000}#preview h3{margin:.2rem .2rem 2rem}#preview p{letter-spacing:2px;padding:.5rem}#preview ul{margin:1rem}#preview table{width:25rem;height:auto;border:4px solid black;text-align:center}#preview th{height:2rem}#preview th,td{border:1px solid black}#preview blockquote{margin:.8rem;border-left:3px solid}