body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1a1a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0 auto;max-width:1280px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.main-wrapper{display:flex;justify-content:space-evenly}.sub-title{border:1px solid #fff;border-bottom:none;display:flex;justify-content:space-between}.sub-title button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;padding:0 .5rem}.sub-title h2{margin:0}.editor-wrapper,.preview-wrapper{display:flex;flex-direction:column;width:45%}#editor{resize:vertical}#editor,#preview{border:1px solid #fff;min-height:400px;padding:.3rem}#preview{background:#fff;color:#1a1a1a;text-align:left}#preview img{height:auto;width:100%}#preview blockquote{border-left:3px solid #224b4b;color:#224b4b;margin-left:25px;padding-left:5px}#preview code{background:#dedede;font-size:.875rem;font-weight:700}#preview pre{background:#dedede;display:block;line-height:1.2;overflow:auto;padding:5px}#preview table{border-collapse:collapse}#preview td,#preview th{border:2px solid;padding-left:5px;padding-right:5px}.hide{display:none}.expanded{width:75%}@media screen and (max-width:768px){.main-wrapper{align-items:center;flex-direction:column;row-gap:20px}.editor-wrapper,.expanded,.preview-wrapper{width:95%}}
/*# sourceMappingURL=main.51286cc6.css.map*/