body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f1f1f1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-input-placeholder{color:#c5c5c5}::placeholder{color:#c5c5c5}:-ms-input-placeholder{color:#c5c5c5}::-ms-input-placeholder{color:#c5c5c5}.login-page,.register-page{align-items:center;box-sizing:border-box;display:flex;height:100vh;justify-content:center;width:100vw}.login-box,.register-box{align-items:center;background-color:#fff;border-radius:.25rem;box-shadow:5px 10px 20px #c1c1c1;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:320px}.login-box h1,.register-box h1{font-size:2rem;margin:50px 0 0;text-align:center}.login-box form,.register-box form{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center}.login-box form input:not(:last-child),.register-box form input:not(:last-child){border:none;border-bottom:1px solid #c5c5c5;height:25px;outline:none;width:200px}.login-box form input:last-child,.register-box form input:last-child{background-color:#fff;border:1px solid #000;border-radius:.25rem;height:30px;outline:none;width:200px}.login-box form input:last-child:hover,.register-box form input:last-child:hover{background-color:#c5c5c5;cursor:pointer;transition-duration:.15s}.login-box p,.register-box p{margin-bottom:50px}.dashboard .dashboard-header{align-items:center;display:flex;height:75px;justify-content:center}.chat-room-menu{background-color:#f1f1f1;grid-area:chat-room-menu;max-height:calc(100vh - 225px);top:75px;width:320px}.chat-room-menu .contact-nav{align-items:center;background-color:#c8c8c8;display:flex;height:50px;justify-content:center;text-align:center;width:100%}.chat-room-menu .contact-nav h2{margin:0;padding:0}.chat-room-menu ul{list-style:none;margin:0;max-height:calc(100vh - 325px);overflow-y:auto;padding:0}.chat-room-menu ul li{background-color:#c8c8c8;display:grid;grid-template-columns:auto 1fr auto 35px;height:50px;line-height:50px;margin-top:5px;width:100%}.chat-room-menu ul li:hover{cursor:pointer}.contact-name{font-size:1.125rem;font-weight:700;padding-left:10px;padding-right:10px}.contact-last-message{min-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-time-ago{font-weight:700;padding-left:5px;padding-right:5px;white-space:nowrap}.contact-new-msg-count div{background-color:#e24949;border-radius:50%;height:25px;line-height:25px;margin-right:5px;margin-top:5px;text-align:center;width:25px}.chat-room .room-header{background-color:#8c8c8c;height:50px;width:100%}.chat-room .room-header h1{font-size:1.75rem;line-height:50px;margin:0;padding:0 0 0 1rem}.chat-room .message-container{background-color:#f1f1f1;height:calc(100% - 125px);width:100%}.chat-room .room-input-menu{background-color:#8c8c8c;height:75px;width:100%}.chat-room .room-input-menu form{align-items:center;display:grid;grid-template-areas:". input . btn .";grid-template-columns:.25fr 10fr .125fr auto .25fr;height:100%;justify-content:center;width:100%}.chat-room .room-input-menu form .message-input{border:1px solid grey;border-radius:.25rem;font-size:1.125rem;grid-area:input;height:30px;line-height:30px}.chat-room .room-input-menu form .message-input:active,.chat-room .room-input-menu form .message-input:focus{outline:none}.chat-room .room-input-menu form .send-btn{font-size:1.125rem;font-weight:700;grid-area:btn;height:30px}.chat-room .room-input-menu form .send-btn:hover{cursor:pointer}.chat-messages{height:100%;list-style:none;margin:0;overflow-y:auto;padding:0}.chat-messages li{word-wrap:break-word;line-height:30px;min-height:0;overflow:auto;width:100%;word-break:break-all}.chat-messages li:not(:first-child){margin-top:15px}.chat-messages li div{align-items:center;display:flex;max-width:50%;min-height:30px;padding:.5rem}.chat-messages .my-msg div{background-color:#90ee90;border-radius:.5rem 0 0 .5rem;float:right}.chat-messages .msg div{background-color:#add8e6;border-radius:0 .5rem .5rem 0;float:left}.user{background-color:#f1f1f1;border-top:1px solid #c5c5c5;box-sizing:border-box;grid-area:user}.user .info{align-items:center;display:flex;flex-direction:column;height:150px;justify-content:center}.user .info img{border:2px solid #000;border-radius:50%}.user .info h1{box-sizing:border-box;font-size:1.25rem;margin:0;padding-top:.5rem}.user .logout-form{display:flex;justify-content:center;margin:0;padding:0}.user .logout-form input{border-radius:.5rem;border-width:1px;display:block;font-weight:700;height:25px;width:100px}.user .logout-form input:hover{background-color:#d1d1d1;cursor:pointer;transition-duration:.2s}@media only screen and (max-width:768px){.dashboard-header,.menu-btn{height:75px}.menu-btn{align-items:center;box-sizing:border-box;display:flex;justify-content:center;left:.5rem;position:absolute;top:0;width:50px}.dashboard-main-content{display:grid;grid-template-areas:"chat-room " "chat-room ";grid-template-columns:100%;grid-template-rows:100%}.chat-room-menu{grid-area:chat-room-menu;height:calc(100vw - 275px)}.chat-room-menu,.user{display:none;position:absolute;width:100%}.user{bottom:0;grid-area:user;height:200px}.chat-room{background-color:#8f9715;border-left:1px solid #c5c5c5;box-sizing:border-box;grid-area:chat-room;height:calc(100vh - 75px);min-width:320px;width:100%}}@media only screen and (min-width:768px){.dashboard-main-content{display:grid;grid-template-areas:"chat-room-menu chat-room " "user chat-room ";grid-template-columns:320px 100%;grid-template-rows:1fr 200px}.chat-room-menu{max-height:calc(100vh - 225px);top:75px;width:320px}.chat-room-menu,.user{background-color:#f1f1f1;display:block}.user{border-top:1px solid #c5c5c5}.chat-room,.user{box-sizing:border-box}.chat-room{background-color:#8f9715;border-left:1px solid #c5c5c5;grid-area:chat-room;height:calc(100vh - 75px);width:calc(100% - 320px)}}
/*# sourceMappingURL=main.1376853e.css.map*/