body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%}.container{display:flex;flex-direction:column;padding:20px 40px;color:#fff;background:#0f0f0f;width:100vw;height:100vh}.header{padding-bottom:20px;font-size:large}.panes{display:flex;margin:0 0 20px;width:100%;height:100%;border:2px solid #434343;border-radius:10px;overflow:hidden}.panes .title{background:#282828;padding:10px 20px;margin:0;border-bottom:2px solid #434343}.panes .title.one{border-right:2px solid #434343}.panes .code{box-sizing:border-box;height:100%;width:50%;color:#fff}.panes .code .codearea{box-sizing:border-box;height:100%;width:100%;padding:20px;background-color:#1e1e1e;color:#fff;font-size:larger;border:none;resize:none;display:block}.panes .preview{box-sizing:border-box;height:100%;width:50%;color:#fff}.panes .preview .previewarea{padding:0 20px 20px;height:100%;width:100%;color:#fff;background-color:#464646;overflow:auto;overflow-wrap:break-word}.panes .preview code{background-color:#282828;padding:2px 5px;border-radius:5px}.panes .preview pre{background-color:#282828;padding:5px;border-radius:5px;display:inline-block}.panes .preview pre code{background-color:transparent;padding:0;border-radius:0}.panes .preview table{background-color:#282828;text-align:left;border:1px solid black;border-collapse:collapse}.panes .preview th,.preview td{border:1px solid black;padding:5px}.panes .preview th{padding:5px}.footer{font-size:small;color:#fff;align-self:center}.footer a{color:#fff;text-decoration:none}