@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);@import url(https://fonts.googleapis.com/css2?family=Amatic+SC:wght@700&display=swap);body,html{height:100%;font-family:"Roboto",sans-serif;margin:0;padding:0}.title{font-family:"Amatic SC",cursive;font-size:60px}.home-img{width:500px}.home-sub{font-family:monospace}.top-pane{background-color:#3e3c44}.pane{height:50vh;display:flex}.editor-container{flex-grow:1;flex-basis:0;display:flex;flex-direction:column;padding:.5rem;background-color:#3c3e44}.editor-title{display:flex;justify-content:space-between;background-color:#1f2023;color:#fff;padding:.5rem .5rem .5rem 1rem;border-top-right-radius:.5rem;border-top-left-radius:.5rem}.CodeMirror{height:100%!important}.editor-container.collapsed{flex-grow:0}.editor-container.collapsed .CodeMirror-scroll{position:absolute;overflow:hidden!important}.code-mirror-wrapper{flex-grow:1;border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem;overflow:hidden}.expand-collapse-btn{margin-left:.5rem;background:none;border:none;color:#fff;cursor:pointer}.editor{font-size:100px}.output{display:flex;height:100vh}.optList li{list-style:none}.reactApp{display:flex;height:100vh}
/*# sourceMappingURL=main.68a1884b.chunk.css.map */