@import url(https://fonts.googleapis.com/css2?family=Ubuntu+Mono&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap);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;scroll-behavior:smooth}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{outline:none;margin:0}.App{text-align:center}.body{background-color:#edf5fc;color:#394053;font-family:"Montserrat",sans-serif;transition:all .2s ease-in-out}.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{background-color:#282c34;min-height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}#color-mode{float:left;display:none}.color{content:"Dark"}#color-mode:checked~.body{-webkit-filter:invert(.87) hue-rotate(180deg);filter:invert(.87) hue-rotate(180deg)}.main{width:90vw;display:grid;grid-template-rows:10vh 90vh auto;margin:0 auto}.header{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.header label{background-color:rgba(0,0,0,.1);padding:3px 15px;cursor:pointer;border-radius:5px}.header label,.heading{display:inline-block}.ide{height:90vh;display:grid;grid-template-columns:50vw 40vw}.CodeMirror,.editor{display:inline-block}.CodeMirror{height:650px;width:100%;font-size:1em;border-radius:10px;border:1px solid #edf5fc}.io{height:80vh;display:grid;grid-template-rows:1fr 1fr 1fr;grid-gap:20px;padding-left:35px}.io-block{display:grid;grid-template-rows:35px auto}label{font-size:1.2em}textarea{height:calc(100% - 14px);border-radius:10px;border:none;outline:none;padding:7px;resize:none}textarea:focus{border:1px solid #96edbb}.submit{display:-webkit-flex;display:flex;-webkit-flex-direction:row-reverse;flex-direction:row-reverse;margin:5px;min-height:5vh}input[type=submit]{background-color:#23ce6b;color:#fff;border:none;margin:10px 0 10px 20px;padding:5px 20px;font-size:1.1em;border-radius:10px;cursor:pointer;transition:all .1s ease-in-out}input[type=submit]:hover{background-color:#29df76;box-shadow:2px 2px 3px rgba(0,0,0,.07)}.submit h4{margin:auto 0}.err{height:30vh;padding-bottom:70px;display:grid;grid-template-rows:35px auto}.err label{color:#fb6072;display:block;height:35px}#status{color:#647fa6}@-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)}}@media (max-width:900px){.ide{grid-template-columns:1fr;width:90vw;height:180vh}.main{grid-template-rows:10vh 180vh auto}.io{padding-left:0}.editor{width:90vw}}.cm-editor{background:#fff;border-radius:10px;font-size:16px;height:80vh}.cm-editor.cm-focused{outline:none}.cm-editor .cm-gutters{border-top-left-radius:10px;border-bottom-left-radius:10px}.cm-editor .cm-activeLineGutter,.cm-editor .cm-gutters{background-color:#cbd5e1}.cm-editor .cm-scroller{border-radius:10px}.cm-editor .cm-content{padding:8px 0}.cm-editor .cm-gutter{color:#4672a8}.loading-screen{width:100vw;height:100vh;display:grid;place-items:center center;font-size:32px;font-weight:200}@media (max-width:600px){.loading-screen{font-size:24px}}
/*# sourceMappingURL=main.11f57ecf.chunk.css.map */