*{box-sizing:border-box}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}:root{--chatroom-card-width:625px}.login-form{align-items:center;background-color:hsla(0,0%,100%,.699);box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);display:flex;flex-direction:column;height:500px;justify-content:center;left:50%;padding:40px 150px;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:600px}.login-form input,.login-form label{margin:10px}.guest-btn,.login-form input[type=submit]{border:none;border-radius:5px;font-family:Montserrat,sans-serif;height:40px;padding:3px 10px;text-align:center;text-transform:uppercase;width:80px}.guest-btn:hover,.login-form input[type=submit]:hover{outline:1px solid #000;-webkit-transform:scale(1.1);transform:scale(1.1)}.guest-btn:active,.login-form input[type=submit]:active{-webkit-transform:scale(1);transform:scale(1)}.login-form:last-child span{margin:10px}.register-form-body{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;padding:10px}.register-form-body label{align-items:center;display:flex;justify-content:space-between;width:400px}.register-form-body input[type=submit]{margin-left:20px}#register-link{bottom:0;position:absolute;right:0}.chatroomList-container{background-color:hsla(0,0%,100%,.699);box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);height:500px;left:50%;overflow-x:hidden;overflow-y:scroll;padding:40px 30px;position:absolute;text-align:left;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:700px}.chatroom-card{box-shadow:0 1px 4px rgba(0,0,0,.16);margin:10px;padding:10px;width:625px;width:var(--chatroom-card-width)}.CreateChatroom{margin:10px}.CreateChatroom input{padding:10px;width:625px;width:var(--chatroom-card-width)}.chatroom-card:hover{cursor:pointer;-webkit-transform:scale(1.04);transform:scale(1.04)}.chatroom-card:active{-webkit-transform:scale(1);transform:scale(1)}#create-chatroom-btn{border:none;border-radius:4px;margin:10px;padding:0 20px}#create-chatroom-btn:hover{cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}#create-chatroom-btn:active{-webkit-transform:scale(1);transform:scale(1)}.chatroom-container{background-color:hsla(0,0%,100%,.699);box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);display:flex;flex-direction:column;height:650px;justify-content:space-between;left:50%;padding:40px 30px;position:absolute;text-align:left;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:650px}.chatroom-container .chatroom-body{height:500px;overflow-y:scroll}.chatroom-container .chatroom-footer{align-items:center;display:flex;font-size:2rem;justify-content:flex-start;margin-top:40px}.chatroom-container .chatroom-footer input{background-color:hsla(0,0%,96%,.733);border:none;border-radius:5px;margin-right:5px;padding:14px;width:90%}.submit-msg-btn:hover{cursor:pointer}.message,.message-from-me{margin:20px 10px;padding:10px;width:70%}.message{background-color:#bde0fe;margin-right:auto;text-align:left}.message-from-me{background-color:#c7f9cc;margin-left:auto;text-align:right}::-webkit-scrollbar{border-radius:5px;width:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.return-btn:hover{cursor:pointer}
/*# sourceMappingURL=main.9953d691.css.map*/