body,html{font-family:"Roboto",sans-serif;padding:0;margin:0}#root{height:100vh}*{box-sizing:border-box}.home-outer-container{display:flex;justify-content:center;text-align:center;height:100vh;align-items:center;background-color:#1a1a1d}.home-inner-container{width:30%}.home-input{border-radius:0;padding:15px 20px;width:100%}.heading{color:#fff;font-size:4em;padding-bottom:10px;border-bottom:2px solid #fff}.button{color:#fff!important;text-transform:uppercase;text-decoration:none;background:#c31fff;padding:20px;border-radius:5px;display:inline-block;border:none;width:100%}.mt-20{margin-top:20px}@media (min-width:320px) and (max-width:480px){.home-outer-container{height:100%}.home-inner-container{width:90%}}button:focus{outline:0}.chat-header{background:#8d53fa;border-radius:4px 4px 0 0;height:60px;width:100%;font-size:20px;text-align:center;padding:30px}.chat-header,.left-container{display:flex;align-items:center;justify-content:space-between}.left-container{flex:1 1;color:#fff!important}@media (min-width:320px) and (max-width:480px){h3{font-size:18px}}.form{display:flex;border-top:2px solid #fcd8f7}.input{border:none;border-radius:4px;padding:3.5%;width:82%;font-size:1.2em}input:focus,select:focus,textarea:focus{outline:none}.send-button{color:#fff!important;font-weight:600;font-size:18px;text-transform:uppercase;text-decoration:none;background:#8d53fa;padding:10px;display:inline-block;border:none;width:18%}@media (min-width:320px) and (max-width:480px){.send-button{font-weight:500;font-size:15px}}.message-box{background:#f3f3f3;border-radius:20px;padding:15px;color:#fff;display:inline-block;max-width:55%}.message-text{width:100%;letter-spacing:0;float:left;font-size:1.1em;font-weight:500;word-wrap:break-word}.message-container{display:flex;padding:.5% 2.5%;margin-top:3px}.sent-text{display:flex;align-items:center;font-family:"Roboto",sans-serif;color:#828282;letter-spacing:.3px}.timestamp{color:#828282;font-size:12px;align-self:center}.pl-10{padding-left:10px}.pr-10{padding-right:10px}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.bg-standard{background:#8d53fa}.bg-light{background:#f3f3f3}@media (min-width:320px) and (max-width:480px){.message-text{font-size:.85em}}.convo-container{padding:2% 0;overflow:auto;flex:auto;position:relative}#convo{padding:6px 0;overflow:auto;width:100%;max-height:100%;bottom:0;position:absolute}#convo,.side-content{display:flex;flex-direction:column}.side-content{align-items:center;background:linear-gradient(90deg,#361f61,#1e1e36);color:#fff;padding:20px;height:100%;width:17.5%}.active-users-header{display:flex;justify-content:center;padding:10px;font-size:30px;border-bottom:1px solid #ccc!important}.active-users{margin-bottom:50%;padding:10px}.active-item,.active-users{display:flex;align-items:center}.active-item{font-size:19px;padding:2px}.active-users img{padding-left:10px}.side-content h1{margin-bottom:0}@media (min-width:320px) and (max-width:1200px){.side-content{display:none}}.tool-tip-container{display:flex;flex-direction:column;align-items:center;background:linear-gradient(270deg,#361f61,#1e1e36);color:#fff;padding:20px;height:100%;width:17.5%}.useful-commands-header{display:flex;justify-content:center;padding:10px;font-size:30px;border-bottom:1px solid #ccc!important}.commands{display:flex;flex-direction:column;margin-bottom:50%}.commands h2{float:left;font-size:18px}.commands ul li{padding:5px;font-size:18px}@media (min-width:320px) and (max-width:1200px){.tool-tip-container{display:none}}.outer-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#1b1b31}.container{display:flex;flex-direction:column;background:#fff;border-radius:8px;height:100vh;width:100%;max-width:960px}@media (min-width:320px) and (max-width:480px){.container,.outer-container{height:100%}.container{width:100%}}*{font-family:"Raleway",sans-serif}p{margin-bottom:0!important}h1,h2,h3{color:#fff!important}
/*# sourceMappingURL=main.05b29a96.chunk.css.map */