.App{text-align:left}.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)}}.lobby{background-image:-webkit-linear-gradient(top,#30353e 30%,#4d76ba 90%);gap:50px;height:100vh;overflow:scroll}.lobby,.titlesContainer{align-items:center;display:flex;flex-direction:column}.titlesContainer{gap:20px;margin-top:190px;width:100%}.bottomTitle,.upperTitle{color:#fff}.upperTitle{font-size:80px}.bottomTitle{font-size:50px}.listContainer{width:25%}.list{display:flex;flex-wrap:wrap;justify-content:center;list-style-type:none}.cBlockBtn{align-self:center;background:none;background-color:#ec3360;border:1px solid #ec3360;border-radius:15px;color:#fff;cursor:pointer;font-size:20px;height:70px;margin:10px;transition:all .2s ease-out;width:150px}.cBlockBtn:hover{background-color:#fff;border:1px solid #ec3360;color:#ec3360;-webkit-transform:scale(1.1);transform:scale(1.1)}@media screen and (max-width:1365px){.listContainer{width:35%}}@media screen and (max-width:1000px){.listContainer{width:50%}}@media screen and (max-width:680px){.upperTitle{font-size:60px}.bottomTitle{font-size:40px}}@media screen and (max-width:500px){.titlesContainer{margin-top:150px}.upperTitle{font-size:45px}.bottomTitle{font-size:35px}.cBlockBtn{font-size:17px;height:65px;width:120px}}.codeblock{background-color:#30353e;height:100vh;overflow:scroll;width:100%}.contentContainer{align-items:center;display:flex;flex-direction:column;gap:40px;height:100%;width:100%}.cBlockTitle{color:#fff;font-size:60px;margin-top:35px;text-decoration:underline}.roleTitle{color:#ec3360;font-size:17px;font-weight:700}.codeTask{color:#fff;font-size:20px}.editorFrame{border:1px solid #fff;margin-top:50px}.editorFrame:focus{border:1px solid #ec3360}.editCodeContainer{align-items:center;display:flex;flex-direction:column;gap:30px;justify-content:center;padding:10px 0 0 10px;width:50%}.editorTitle{color:#fff;font-size:30px}.codeAreaContainer{align-items:center;display:flex;flex-direction:column;gap:30px;height:35%;width:50%}.codeAreaFrame{border:1px solid #fff;height:100%}.codeAreaFrame,.editCode{background-color:#303746;width:100%}.editCode{color:#fff;font-size:18px;height:300px}.codeArea{color:#fff;white-space:pre}.codeAreaTitle{color:#fff;font-size:30px}.successContainer{align-items:center;display:flex;flex-direction:column;gap:15px}.sucessNote{color:#fff;font-size:20px}@media screen and (max-width:800px){.codeAreaContainer,.editCodeContainer{width:70%}}@media screen and (max-width:400px){.codeAreaContainer,.editCodeContainer{width:90%}.cBlockTitle{font-size:50px}.codeAreaTitle,.editorTitle{font-size:27px}}
/*# sourceMappingURL=main.a8c4d711.css.map*/