*{font-family:Nunito}::selection{background:#daf0d1}body{background:linear-gradient(to bottom right,#c6e7ec,#e4c2eb);height:100vh;margin:0;padding:0}.notificationBox{align-items:center;background:#ff3bc1;border-radius:10px;display:flex;height:auto;justify-content:center;left:50%;margin:90px 0;max-width:80%;padding:5px 0;position:fixed;text-align:center;top:0;transform:translate(-50%);width:200px;z-index:97}.notificationText{color:#fff;margin:5px}.modalContainer{background:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:99}.modal,.modalContainer{align-items:center;display:flex;justify-content:center}.modal{background:#fff;border:5px solid #daf0d1;border-radius:10px;color:#aaa;flex-direction:column;height:200px;max-width:70%;outline:5px solid #5bc860;padding:20px;text-align:center;-webkit-user-select:none;user-select:none;width:400px}.usernameInput{border:5px solid #daf0d1;border-radius:5px;color:#bbb;font-size:16px;font-weight:700;margin-bottom:10px;max-width:60%;outline:none;padding:5px;text-align:center;width:200px}.usernameInput:focus{outline:3px solid #5bc860}.usernameInput::placeholder{color:#eee}.usernameButton{align-items:center;background:#daf0d1;border-radius:5px;display:flex;height:25px;justify-content:center;padding:10px;width:25px}.usernameButton:active{opacity:.5}.usernameIcon{color:#aaa;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.appBar{align-items:center;background:#5bc860;box-shadow:0 8px 32px 0 #0000004d;color:#fff;display:flex;height:70px;left:0;position:fixed;top:0;-webkit-user-select:none;user-select:none;width:100%;z-index:98}.appBarIcon{font-size:40px;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24;margin:0 0 5px 20px}.chatBox{align-items:center;background:#dbf2d9;box-shadow:0 8px 32px 0 #0000004d;height:auto;justify-content:center;margin:130px auto;max-width:90%;outline:5px solid #5bc860;width:800px}.chatBox,.messageContainer{border:5px solid #90da9c;border-radius:10px;display:flex;flex-direction:column}.messageContainer{background:#fefdfb;height:400px;margin:40px 0 20px;overflow-y:scroll;padding:30px 30px 10px;width:75%}.message{align-self:flex-start;background:#daf0d1;border-radius:5px;box-shadow:0 1px 4px 0 #0000004d;color:#888;margin:0 0 25px;max-width:60%;padding:20px 25px;-webkit-user-select:none;user-select:none;width:300px}.messageSelf{align-self:flex-end}.messageHeader{font-size:18px;font-weight:700;margin:0 0 5px}.messageBody{font-size:16px;font-weight:500}.inputBox{align-items:center;display:flex;flex-direction:row;justify-content:center;margin:0 0 30px;-webkit-user-select:none;user-select:none;width:90%}.messageInput{border:5px solid #5bc860;border-radius:10px;color:#aaa;font-size:18px;font-weight:700;height:40px;outline:none;padding:0 10px;text-align:center;width:100%}.messageInput:focus{outline:3px solid #90da9c}.messageInput::placeholder{color:#ddd}.sendButton{align-items:center;background:#5bc860;border:5px solid #90da9c;border-radius:10px;display:flex;height:50px;justify-content:center;margin:0 0 0 5px;width:65px}.sendButton:active{filter:brightness(1.2)}.sendButtonIcon{color:#fff;font-size:28px;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}
/*# sourceMappingURL=main.8348e26a.css.map*/