@import url(https://fonts.googleapis.com/css2?family=Poor+Story&display=swap);*{box-sizing:border-box;padding:0}*,body{margin:0}.form-cont{align-items:center;background-color:#333332;display:flex;height:100vh;justify-content:center}.form-cont .form-wrap{align-items:center;background-color:#ff9626;border-radius:10px;display:flex;flex-direction:column;font-family:Poor Story,cursive;padding:40px}.form-cont .form-wrap .greeting{font-family:Poor Story,cursive;font-size:small}.form-cont .form-wrap .brand{align-items:center;background-color:#03071e;border-radius:5%;color:#fff;font-family:Poor Story,cursive;font-size:26px;font-weight:700;padding:10px 60px}.form-cont .form-wrap .brand a{color:#fff;text-decoration:none}.form-cont .form-wrap .brand a:visited{color:#fff}.form-cont .form-wrap form{display:flex;flex-direction:column;gap:10px}.form-cont .form-wrap form input{background-color:#333332;border:2px solid #03071e;color:#fff;font-family:Poor Story,cursive;padding:5px;width:220px}.form-cont .form-wrap form input::-webkit-input-placeholder{color:#cccfcd}.form-cont .form-wrap form input::placeholder{color:#cccfcd}.form-cont .form-wrap form button{background-color:#03071e;border:3px solid #333332;border-left:none;border-top:none;color:#fff;cursor:pointer;font-family:Poor Story,cursive;font-weight:700;justify-content:center;padding:10px}.form-cont .form-wrap form label{align-items:center;cursor:pointer;display:flex;font-size:small;gap:10px;justify-content:center}.form-cont .form-wrap form label img{width:32px}.form-cont .form-wrap p{font-size:small;padding:10px}.form-cont .form-wrap p a{text-decoration:none}.form-cont .form-wrap p a:visited{color:#03071e}.conversation{align-items:center;cursor:pointer;display:flex;margin-top:20px;padding:10px}.active{background-color:#fa8100!important}.conversation:hover{background-color:#fdbc75!important}.conversation-image{border-radius:50%;font-size:30px;height:40px;object-fit:cover;width:40px}.conversation-name{font-family:Arial,Helvetica,sans-serif;font-weight:300}.message{display:flex;flex-direction:column;margin-top:20px}.message-top{display:flex;padding:10px}.sender-name{background-color:#fff;border-radius:10px;margin-right:10px;padding:10px}.message-image{border-radius:50%;height:32px;margin-left:10px;margin-right:10px;object-fit:cover;width:32px}.message-text{background-color:#000;border-radius:20px;color:#e1e0e0;font-family:Arial,Helvetica,sans-serif;font-size:14px;max-width:300;padding:10px}.message-bottom{font-size:10px;margin-top:10px;padding-left:8px;padding-right:8px}.message.own{align-items:flex-end}.message.own .message-text{background-color:#ff9626;color:#1d1d1d}.main-chat-wrapper{display:flex;height:94vh}.chat-menu{background-color:#ff9626;flex:1 1}.your-chats-title{background-color:orange;border-radius:10px;color:#333;font-size:1.2rem;padding:2px;text-align:center}@media only screen and (max-width:600px){.chat-menu,.chat-menu-wrapper{display:none}.chat-box-wrapper{padding-top:0}}.chat-box{background-color:#cccfcd;flex:5.5 1}.chat-box-wrapper{display:flex;flex-direction:column}.chat-box-top{height:100%;overflow-y:scroll;padding-right:10px}.chat-box-bottom{align-items:center;display:flex;justify-content:center;margin-top:5px;padding-bottom:20px}.chat-message-input{border:none;border-radius:8px;height:90px;padding:10px;width:80%}.chat-submit-button{background-color:#ff9626;border:none;border-radius:8px;color:#1d1d1d;cursor:pointer;height:40px;margin-left:5px;width:70px}.chat-box-wrapper,.chat-menu-wrapper{height:100%;padding:10px}.add-and-leave-group{display:flex;justify-content:center}.leave-group-button{background-color:#d44c4c;border:none;border-radius:5px;color:#fff;font-size:11px;margin-left:10px;padding:5px;width:10%}.nav{align-items:stretch;background-color:#000;color:#ebe9e9;display:flex;gap:2rem;height:6vh;justify-content:space-between;padding:0 1rem}.site-title{font-size:2rem}.nav ul{gap:1rem;list-style:none;margin:0;padding:0}.nav a,.nav ul{align-items:center;display:flex}.nav a{color:#fff;height:100%;padding:.25rem;text-decoration:none}.nav li:hover{background-color:#777}nav.sticky{box-shadow:0 5px 10px rgba(0,0,0,.6);position:-webkit-sticky;position:sticky;top:0;z-index:100}.button{background-color:#b15555;border:none;border-radius:5px;color:#000;padding:5px}.username{color:#fff}.chat-menu-create{background-color:#727171;border:none;border-radius:10px;margin-bottom:8px;opacity:90%;padding:5px}.chat-menu-create::-webkit-input-placeholder{color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:11px}.chat-menu-create::placeholder{color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:11px}.groups-heading{padding-bottom:5px}.create-group-button{background-color:gray;border:none;border-radius:10px;color:#fff;cursor:pointer;display:block;font-size:12px;padding:10px}.create-group-button:hover{background-color:#000;color:#fff}.invite-to-convo-input{background-color:gray;border:none;border-radius:5px;color:#fff;font-size:11px;margin-bottom:5px;margin-right:6px;padding:3px 5px}.invite-to-convo-input::-webkit-input-placeholder{color:#fff}.invite-to-convo-input::placeholder{color:#fff}.add-button{background-color:gray;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:11px;padding:2px 4px}
/*# sourceMappingURL=main.a97c5398.css.map*/