:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0c0b0d}img{width:200px;height:200px}.homePageWrapper{display:flex;align-items:center;justify-content:center;color:#fff;height:100vh}.formWrapper{display:flex;flex-direction:column;align-items:center;background:#000;border-radius:20px;width:600px;max-width:90%;padding:0 20px 20px}footer{position:fixed;bottom:1px}footer a{color:#037e7e}.inputGroup{display:flex;flex-direction:column}.formTitle{margin-bottom:20px;margin-top:10px}.inputBox{padding:10px;margin-bottom:10px;outline:none;border:none;border-radius:5px;font-size:16px;background:#eee;font-weight:700;color:#000}.btn{border:none;padding:10px;border-radius:5px;font-size:16px;cursor:pointer;transition:all .3s ease-in-out}.joinBtn{background:#06b6a4;color:#000;font-weight:700;width:100px;margin-left:auto}.joinBtn:hover{background:#027065}.createInfo{margin:20px auto 0}.newRoom{color:#0cc19a;text-decoration:none;border-bottom:1px solid #0cc19a;font-weight:700;transition:all .3s ease-in-out}.newRoom:hover,footer a:hover{color:#03463f;border-bottom:1px solid #03413b}.mainWrap{display:grid;grid-template-columns:230px 1fr;height:100vh}.aside{background:#1c1e29;padding:16px;color:#fff;display:flex;flex-direction:column}.asideInner{flex:1}.clientList{display:flex;align-items:center;flex-wrap:wrap;gap:20px}.client{display:flex;align-items:center;flex-direction:column;font-weight:700}.userName{margin-top:10px}.logo{border-bottom:1px solid #424242;padding-bottom:10px}.logoImage{height:12g0px;width:200px}.leaveBtn{background:#54bfed;width:100%;margin-top:20px;color:#000;font-weight:700}.leaveBtn:hover{background:#0278c6;color:#000;font-weight:700}.CodeMirror{min-height:calc(100vh - 20px);font-size:20px;line-height:1.6;padding-top:20px}