@import"https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap";#root{width:100vw;height:100vh;padding:25px;background-color:#b8860b;display:flex;flex-direction:column;overflow:hidden}#root>h1{font-family:Shadows Into Light,cursive;text-align:center}#root .container-simple{display:flex;flex-direction:row;width:100%;column-gap:20px;height:90%}.text-area{width:100%;background-color:bisque;padding:10px;border-radius:10px;display:flex;flex-direction:column;height:100%}.text-area textarea{height:90%;width:100%;padding:20px;border:2px solid black;resize:none}.preview-area{width:100%;height:100%;background-color:#deb887;padding:10px;border-radius:10px;flex-direction:column;display:flex}.preview-area .preview-box{height:90%;padding:20px;border:2px solid black;overflow-y:auto}.preview-area .preview-box *{max-width:100%}.preview-area .preview-box td,.preview-area .preview-box th{border:solid 2px black}