body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.slidebar-container{background-color:#000;min-height:100vh;width:18%}.slidebar-container .header{display:flex;width:100%;margin-bottom:20px}.slidebar-container .header .App-logo{height:100px;margin-top:8%;width:70%}.slidebar-container .header .title{color:#61dafb;font-size:32px}.slidebar-container .back{text-decoration:none}.slidebar-container .back-btn{background-color:#61dafb;color:#000;border:none;display:block;height:30px;width:70px;margin:auto auto 50px;border-radius:15px;font-size:15px;font-family:Arial,Helvetica,sans-serif;cursor:pointer}.slidebar-container .back-btn:focus{outline:none}.slidebar-container .user-list-container .user{color:#61dafb;font-size:20px;margin:10px 10px 10px 40px;cursor:pointer}.slidebar-container .user-list-container .user.underline{text-decoration:underline}.input-box-container{width:90%;margin:auto;display:flex}.input-box-container .text-input{width:90%;border-radius:50px;height:40px;border:none;padding-left:20px;font-size:15px;overflow-y:scroll}.input-box-container input:focus{outline:none}.input-box-container .send-btn{background-color:#282c34;border:none;cursor:pointer}.input-box-container .send-btn .send-arrow{height:30px;width:30px}.input-box-container button:focus{outline:none}.chat-box-container{width:82%}.chat-box-container .chat-space{min-height:90vh;margin-left:20px;margin-right:20px;margin-top:10px}.chat-box-container .chat-space .chat-txt{background-color:#000;color:#61dafb;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:50%;padding:10px;border-radius:10px;margin-bottom:10px}.chat-box-container .chat-space .chat-txt.right{margin-left:auto}.chat-box-container .chat-space .chat-txt.left{margin-right:auto}.dashboard-container{background-color:#282c34;position:relative;display:flex}.App{text-align:center}.App .intro{background-color:#282c34;min-height:100vh}.App .user-name{width:140px;height:30px;margin-top:20px;margin-bottom:20px;background-color:#000;color:#61dafb;border:none}.App .user-name:focus{outline:none}.App .login{height:30px;width:100px;border-radius:20px;background-color:#000;color:#61dafb;border:none;font-size:15px;font-family:Arial,Helvetica,sans-serif;cursor:pointer}.App .login.disabled{cursor:not-allowed}.App .login:focus{outline:none}.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-link{color:#61dafb;display:block;font-size:30px}@-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)}}
/*# sourceMappingURL=main.1e5b8ac4.chunk.css.map */