.boxes-container{display:flex;flex-direction:column;margin:40px auto auto;width:90%}#editor{width:80%;height:80vh;font-size:18px;background-color:#2f2f2f;resize:none;color:#fff;overflow:auto;padding:10px;border-radius:20px;margin:auto}#preview{width:80%;height:80vh;margin-top:10px;font-size:18px;background-color:#2f2f2f;color:#fff;overflow:auto;padding:10px;border-radius:20px}img{max-width:100%}@media screen and (min-width:768px){.boxes-container{flex-direction:row;width:80%}#editor{width:50%;height:80vh;margin-right:10px}#preview{width:50%;height:80vh;margin-left:10px;margin-top:0}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#242424}