body{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:#7d6b91;scrollbar-color:#5d536b #1a1b26;color:#f7efff}a{color:inherit;text-decoration:none}*{box-sizing:border-box}h2{text-align:center}.main-container{display:flex;height:calc(100vh - 100px);padding:0 20px}.title{font-size:large;font-weight:700}.footer{position:fixed;left:0;bottom:0;width:100%;background-color:#272838;display:flex;justify-content:center}.footer>a{color:#fff}.CodeMirror{height:40vh!important}.example-container{display:flex;flex-wrap:wrap;align-items:center}.button-container{display:flex;justify-content:center}.button{background-color:#347fc4;color:#f7e3e3;cursor:pointer;margin:8px;padding:8px;border-radius:8px}.result-panel-container{padding:18px;height:100%;flex:1 1;display:flex;flex-direction:column}.result-zone{padding:10px;height:30vh;overflow-y:scroll;border:2px solid #f7e3e3;background:#272838;flex:1 1}.result-zone.is-error{color:#d30c0c}.cm-custom-blue{color:#5dadfd}.cm-custom-light-blue{color:#b0d2f4}.cm-custom-purple{color:#bb8cfa}.cm-custom-string{color:#ffbd7a}.CodeMirror{height:calc(100vh - 188px)!important}