@import url(https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);*,:after,:before{margin:0;padding:0;box-sizing:border-box;-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{display:none}.app{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;align-content:center;background-image:url(https://desktop.github.com/images/star-bg.svg),linear-gradient(#191c20,#24292e 15%)}.app_wrapper{max-width:1224px;width:94%;margin:auto;height:600px;background-color:#263238;box-shadow:0 0 15px rgba(0,0,0,.3)}.CodeMirror{font-family:"Fira Code",monospace!important;height:520px!important;width:100%!important}.title_bar_container{width:100%;background-color:#263238;height:40px;display:flex;justify-content:space-between;align-content:center;align-items:center;border-bottom:1px solid #87ceeb}.title_bar_title span{color:#fff;margin-left:10px;font-family:"Rubik",sans-serif;font-size:1.2rem;display:flex;justify-content:center;align-items:center}.title_bar_title span img{width:25px;height:25px;margin-right:5px}.title_bar_btn_container{display:flex;justify-content:center;align-items:center}.title_bar_btn{width:16px;height:16px;border-radius:100px;margin-left:5px;margin-right:5px}.red{background-color:#d44}.green{background-color:#7e7}.yellow{background-color:#fc0}.tool_bar_container{width:100%;display:flex;justify-content:flex-end;align-items:center;overflow:scroll!important;-ms-overflow-style:none;scrollbar-width:none}.tool_bar_container::-webkit-scrollbar{display:none}.language_selector_container{display:flex;justify-content:center;align-items:center;border:1px solid #fff;padding:2px;border-radius:20px}.language_selector_container div{border:1px solid #fff;display:flex;justify-content:center;align-items:center;border-radius:100%;width:25px;height:25px;margin-left:5px;margin-right:5px;background-position:50%;background-size:cover}@media screen and (max-width:360px){.language_selector_container div{margin-left:3px;margin-right:3px}}.language_selector_container .active{border-color:#7e7;border-width:3px}.title_bar_actions{display:flex;justify-content:center}
/*# sourceMappingURL=main.2b104c67.chunk.css.map */