*{box-sizing:border-box}body{background-color:#f8f8ff;margin:0}.btn{background-color:#90ee90;cursor:pointer}.btn,input{outline:none;border:none;font-size:1rem}input{display:block;background-color:#272727;color:#fff}.question{border:1px solid;margin:.5rem 0;padding:.5rem 1rem;font-size:1rem}.answer-btn{padding:.5rem}.message-box{margin:0 .5rem .5rem;display:flex;flex-direction:column}.message{display:flex}.message-text{max-width:80%;margin:5px;padding:2px 10px;font-size:1rem;line-height:30px;border-radius:20px}.sent{align-self:flex-end;flex-direction:row-reverse}.sent .message-text{background-color:teal;color:#fff}.received .message-text{background-color:#daa520}.user-photo{height:50px;width:50px;border-radius:50px;border:3px solid #00f}.time{color:#fff;margin:.1rem 0 1.2rem}.sent+.time{text-align:right}.received+.time{text-align:left}.room{margin:0 auto}.room,.room-header{width:100%;max-width:450px}.room-header{height:8vh;background-color:#2e2e2e;color:#fff;padding:0 .5rem;display:flex;justify-content:space-between;align-items:center}.room-message-display{height:82vh;width:100%;background-color:#272727;overflow-y:scroll;scrollbar-width:thin;scrollbar-color:#8a2be2 #272727}.room-message-display::-webkit-scrollbar{width:8px}.room-message-display::-webkit-scrollbar-thumb{background-color:#8a2be2;border-radius:10px}.room-message-input-form{height:10vh;width:100%;background-color:#2e2e2e;display:flex;align-items:center}.room-message-input-form>input{height:80%;width:80%;padding:1rem .5rem;border-radius:30px 0 0 30px;background-color:#3a3a3a}.sendBtn{height:80%;width:20%;border-radius:0 30px 30px 0}.sendBtn:disabled{-webkit-filter:blur(.8px);filter:blur(.8px);color:#fff;cursor:not-allowed;transition:all .5s}.chat-room-list-box{text-align:center;border:1px solid;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:30%;padding:1rem;margin:1rem}.chat-room-list{margin:1rem auto;padding:1rem;border:1px solid;width:100%;max-width:450px;background-color:#272727;border-radius:30px}.link-text{text-decoration:none;font-size:1.5rem;color:#f8f8ff}.create-room-form{border:2px solid;width:100%;max-width:450px;margin:1rem auto;padding:1rem;text-align:center;text-transform:uppercase}.create-room-form form>input{padding:1rem;width:100%;margin:0 auto}.addable-user{display:flex;padding:1rem;font-size:1rem;background-color:#d3d3d3}.addable-user:nth-child(odd){background-color:grey;color:#fff}.create-room-form button{margin:1rem}.profile{min-height:100vh;display:flex;justify-content:start;flex-wrap:wrap}.user-info{height:50vh;width:30%;border:1px solid;padding:1rem;margin:1rem;display:flex;flex-direction:column;align-items:center}.avatar{max-width:100px;border-radius:50%}.loading{top:0;left:0;height:100%;width:100%;background-color:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;color:#f8f8ff}.error-message,.loading{position:absolute;font-size:1.5rem}.error-message{width:440px;left:-440px;background-color:#dc143c;color:#fff;text-align:center;padding:1rem;margin:.5rem 0;animation:slideIn 3s ease,slideOut 2s ease 3s}@keyframes slideIn{0%{left:-440px}50%{left:0}to{left:0}}@keyframes slideOut{0%{left:0}to{left:-440px}}.signup-form{width:100%;max-width:450px;margin:1rem auto;padding:1rem;display:flex;flex-direction:column;align-items:center}.signup-form>input{width:100%;margin:.5rem;padding:1rem;border-radius:30px}.title-text{text-align:center;font-size:2rem}.submitBtn{padding:1rem 1.8rem;border-radius:30px}small{display:block;text-align:center}
/*# sourceMappingURL=main.9ca0d5a0.chunk.css.map */