body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h3{color:#3498db}.ALL{background-color:#0c0c0c;height:100vh;position:fixed;width:100vw}.gamescreen-container{display:flex;height:100%}.canvas-and-online-users-container{display:flex;flex-direction:column;width:70%}.option-bar{align-items:center;background-color:#1a1a1a;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;height:60px;width:100%}.drawingBoard{flex:1 1;height:50%;margin-top:10px}.chat-section,.drawingBoard{background-color:#1a1a1a;border:1px solid #333}.chat-section{color:#fff;width:30%}.drawing-actions{display:flex;justify-content:space-between;margin-bottom:10px}.drawing-actions button{cursor:pointer;margin-right:10px;padding:8px 16px}.drawing-actions button:last-child{margin-right:0}.canvas-container{align-items:center;display:flex;flex-direction:column;padding:2px}.canvas-controls{display:flex;justify-content:left;margin-bottom:2px}.canvas-controls button{border:none;border-radius:5px;cursor:pointer;margin-right:10px;padding:10px 15px}.canvas-controls button:last-child{margin-right:0}.canvas-controls button.generate{background:#4caf50;color:#fff}.canvas-controls button.clear{background:none}.canvas-controls button:hover{opacity:.8}.canvas{background-color:#ecf0f1;border:2px solid #3498db;border-radius:8px}*{box-sizing:border-box}body{font-family:Arial,sans-serif}.chatsection{border:4px solid #fff;border-radius:8px;display:flex;flex-direction:column;height:98%;margin:2.5% 5%;width:90%}.textField{display:flex;flex-direction:row;height:10%;padding:0}.chats{background-color:#f0f0f0;height:90%;overflow-y:auto;padding:1%}.message-field-container{display:flex;height:100%;padding:2.5%;width:80%}.message-field{border:1px solid #ccc;border-radius:10px;height:100%;outline:none;padding:2.5%;width:100%}.send-button-container{display:flex;height:100%;padding:2.5%;width:20%}.send{background-color:#3498db;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:24px;font-weight:700;height:50px;position:relative;transition:background-color .3s ease;width:50px}.send:hover{background-color:#2980b9}.send:before{content:"\27A4";left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.oneChat{align-items:flex-start;background-color:#000;border-radius:10px;display:flex;margin-top:1%;overflow-wrap:break-word;padding:1.5%;width:100%}.oneChat img{border-radius:50%;height:30px;margin-right:10px;width:30px}.clock-container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.digital-clock{background-color:#fff;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.3);color:#3498db;display:flex;font-family:Digital-7,sans-serif;font-size:16px;padding:10px}.colon,.digit{margin:0 10px}.colon{align-self:flex-end;font-size:16px}.container{background-color:#2c3e50;border-radius:5px;display:flex;flex-direction:row;height:100%;justify-content:space-between;padding:10px;width:100%}h1{color:#3498db;font-size:30px}.controls{align-items:center;display:flex;flex-direction:row}.rangeInput{width:100px}.labelInputContainer{align-items:center;color:#fff;display:flex;flex-direction:row;margin-right:10px}.label{color:#ecf0f1;margin-right:10px}.input{font-size:16px;padding:5px;width:20%}.logo{background-image:url(https://img.freepik.com/free-vector/gradient-white-monochrome-background_23-2148998015.jpg?w=900&t=st=1700155675~exp=1700156275~hmac=97bbf46a4bb924a79947d42a95306209b08a382d883c26d959daecbdc3c16108)}.button{background-color:#3498db;background-color:#e74c3c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:10px}.iconboxContainer{align-items:center;display:flex;justify-content:center}.online-users-heading{color:#3498db;font-family:Arial,sans-serif;font-size:20px}.iconbox{background-color:#2c3d50;border:1px solid #333;border-radius:10px 10px 0 0;display:flex;height:100%;overflow-x:scroll;scroll-snap-type:x mandatory;width:100%}.picIcon{align-items:center;display:flex;flex-direction:column;margin-left:20px;margin-right:20px;padding:5px}.avatar{border:5px solid #3498db;height:60px;margin-left:3%;margin-right:3%;width:60px}.avatar:hover{border:10px solid #02284f}.picIcon p{color:#fff}.kick-button{background-color:#f02424;margin-right:3px}.kick-button,.restrict-button{border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:5px;padding:5px 10px}.restrict-button{background-color:#2d2de7;margin-left:3px}.redCircle{border:5px solid red;border-radius:50%}.everyThing{align-items:center;background-image:url(https://img.freepik.com/free-photo/ultra-detailed-nebula-abstract-wallpaper-4_1562-749.jpg?w=900&t=st=1699968866~exp=1699969466~hmac=73b0b6a16166bbb2bd9720d5b77808f0d3ea2a321b4a83319a384697387204d1);display:flex;height:100vh}.enterDetails{height:100vh;position:relative;width:100vw}.inp{border-radius:8px;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;height:4vh;padding:1%;width:80%}.centerPartlogin{box-shadow:0 5px 10px 10px #040303;height:50%;top:25%}.centerPartSignup,.centerPartlogin{align-items:center;-webkit-backdrop-filter:saturate(500%) blur(10px);backdrop-filter:saturate(500%) blur(10px);background:hsla(0,21%,87%,.8);border-radius:10px;display:flex;flex-direction:column;justify-content:center;left:37.5%;position:absolute;width:25%}.centerPartSignup{box-shadow:0 5px 10px 20px #000;height:60%;top:20%}.formElement{align-items:center;display:flex;flex-direction:column;justify-content:center}.centerSquare .text{color:#595454}.centerSquare .subHeading{color:#7a7171;margin-top:4%}#message,.centerSquare .subHeading,.login{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.login{color:#c02810;padding-top:2%}.lightText{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:13px;font-weight:100;text-align:center}.showPassword{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-bottom:20px;margin-top:3%;width:100%}.checkbox{margin-left:3%}hr{background-color:#716f6f;height:1px;margin:4% 0;width:70%}.loginBtn{background-color:#d65946;border-radius:8px;border-style:none;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;height:5vh;margin-top:2%;padding:2%;width:82%}.loginBtn:hover{background-color:#c02810}.top-bar{align-items:center;background-color:#3498db;border-radius:8px;color:#fff;display:flex;justify-content:space-between;margin:5px;padding:10px}.glassStyle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.2);border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);padding:20px}input{color:#000}input::-webkit-input-placeholder{color:#000}input::placeholder{color:#000}.logo{background-color:#fff;border-radius:5px;font-size:24px}.logo-highlight{color:#000;display:inline-block;-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}.profile-button a{border:1px solid #fff;border-radius:5px;color:#fff;padding:5px 10px;text-decoration:none}.main-content{display:flex}.left-column{margin:5px;max-width:50%;overflow:auto;padding:10px}.available-rooms{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}h2{border-radius:8px;font-size:18px}.refresh-button,h2{background-color:#dc2408;color:#fff;padding:5px 10px}.refresh-button{border:none;border-radius:8px;cursor:pointer}.right-column{flex:1 1;padding:20px}.room{border:1px solid #ccc;border-radius:8px;box-shadow:0 0 5px rgba(0,0,0,.2);margin:10px 0;padding:10px}.room-info{display:flex;justify-content:space-between;margin:5px 0}.room-label{font-weight:700;margin-right:10px}.room-data{color:#333}.create-join-button,.join-button{background-color:#dc2408;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:5px 10px}.create-room-container,.join-room-container{align-items:center;display:flex;flex-direction:column}.create-room input[type=text],.roomId-input{margin-bottom:10px;padding:8px;width:200px}.create-room label{margin-bottom:5px}.create-room button{margin-bottom:10px;padding:8px}.home-container{background-color:#f5f5f5;background-image:url(https://wallpapers.com/images/featured/mars-3neacd8fivb67y1w.jpg);background-position:50%;font-family:Arial,sans-serif;padding:20px}.join-create-container{display:flex;justify-content:space-between}.create-room-container,.join-room-container{margin-bottom:20px;width:48%}.create-room,.join-room{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#f0f0f0;background-color:hsla(0,0%,100%,.2);border:1px solid red;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;padding:20px;width:80%}.create-room input[type=text],.roomId-input{margin-bottom:15px;padding:10px;width:100%}.create-room label{align-items:center;display:flex;flex-direction:column;margin-bottom:15px}.create-room button{margin-top:10px;padding:10px;width:100%}h2{background-color:#f0f0f0;color:#000}.room-list{border:1px solid red;border-radius:5px;display:flex;flex-direction:column;height:70vh;overflow-y:scroll}Hide scrollbar in all browsers *{scrollbar-color:transparent transparent;scrollbar-width:thin}::-webkit-scrollbar{width:.5em}::-webkit-scrollbar-thumb{background-color:initial}*{margin:0;padding:0}.ALLL{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.2);border:1px solid #df1111;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;height:100%;max-height:100%;opacity:1;overflow-y:auto;position:fixed;width:100%}.profilepic{margin:5%}.avatar{border-radius:50%;height:100px;object-fit:cover;width:100px}.gamesHistory{display:flex;flex-direction:column;width:100%}.field,.oneEntry{display:flex}.oneEntry{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.2);border:1px solid #df1111;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 4px 8px rgba(0,0,0,.4);justify-content:space-around;margin-bottom:10px;margin-top:5px;padding:20px 0;width:100%}.oneEntry b{color:#333;margin-right:5px}.oneEntry .timestamp{color:#888}hr{border:0;border-top:1px solid #ccc;margin:20px 0}
/*# sourceMappingURL=main.2207a66e.css.map*/