body{background-color:#121212;color:#e0e0e0;font-family:Roboto,Arial,sans-serif;margin:0;padding:0}.App{border-radius:12px;padding:30px;text-align:center;width:100%}.App,.container{background-color:#1e1e1e;box-shadow:0 5px 15px #00000080}.container{border-radius:10px;padding:20px}.textField,.typography{color:#e0e0e0}.textField{background-color:#2c2c2c;border:1px solid #333}.textField label{color:#7f7f7f}.textField .MuiInputBase-input,.textField input{color:#e0e0e0}.button{background-color:#4fc3f7;border:none;color:#121212}.button:hover{background-color:#35b0f6}div.room-container{display:flex;height:100vh;padding-bottom:20px;padding-top:20px;width:100%}.fullMessage{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}.fullMessage .textField{margin:0 auto;max-width:400px;width:100%}.chat-section{display:flex;flex-direction:column;flex-grow:20;justify-content:space-between;padding-right:20px}.message-area{background-color:#2c2c2c;border:1px solid #4fc3f7;border-radius:5px;color:#e0e0e0;flex-grow:0;height:100%;margin-bottom:10px;overflow-y:auto;padding:10px}.sidebar-section{border-left:1px solid #ddd;flex-grow:1;padding-left:20px}.campaign-box{align-items:center}.campaign-box,.room-details-box{display:flex;flex-direction:column}.room-details-box{align-items:flex-start}.connected-users,.room-details{align-items:flex-start;display:flex;flex-direction:row}.copyToClipboard{height:20px;width:20px}.MuiButton-root{background-color:#4fc3f7;color:#e0e0e0}.MuiButton-root:hover{background-color:#35b0f6}.MuiButton-root.Mui-disabled{background-color:#37474f;color:#b0bec5}.MuiTextField-root{background-color:#2c2c2c;color:#e0e0e0}.MuiInputBase-root,.MuiInputLabel-root{color:#e0e0e0}.MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#333}.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#4fc3f7}div.MuiDialog-paper{background-color:#1e1e1e;color:#e0e0e0}.MuiList-root,.MuiTypography-root,p.MuiTypography-root{color:#e0e0e0}@media (max-width:768px){.room-container{flex-direction:column}.sidebar-section{border-left:none;border-top:1px solid #ddd;padding-top:20px}}
/*# sourceMappingURL=main.f1d5e913.css.map*/