body{font-family:"Commissioner",sans-serif;background:#2c3e50}.login-box{position:absolute;top:50%;left:50%;width:400px;padding:40px;transform:translate(-50%,-50%);background:rgba(0,0,0,.5);box-sizing:border-box;box-shadow:0 15px 25px rgba(0,0,0,.6);border-radius:5px}.login-box h2{font-size:40px;margin:0 0 30px;padding:0;color:#fff;text-align:center}.login-box .user-box{position:relative}.login-box .user-box input{width:100%;padding:10px 0;font-size:16px;color:#fff;margin-bottom:30px;border:none;border-bottom:1px solid #fff;outline:none;background:transparent}.login-box .user-box label{position:absolute;top:0;left:0;padding:10px 0;font-size:16px;color:#fff;pointer-events:none;transition:.5s}.login-box .user-box input:focus~label,.login-box .user-box input:valid~label{top:-20px;left:0;color:#03e9f4;font-size:12px}.login-box button{position:relative;display:inline-block;padding:10px 20px;color:#000;font-size:16px;text-decoration:none;text-transform:uppercase;overflow:hidden;transition:.5s;margin-top:25px;letter-spacing:3px;cursor:pointer}.outerContainer{display:flex;justify-content:center;align-items:center;height:100vh}.container{display:flex;flex-direction:column;justify-content:space-between;background:#fff;border-radius:8px;height:60%;width:35%}@media (min-width:320px) and (max-width:480px){.container,.outerContainer{height:100%}.container{width:100%}}@media (min-width:480px) and (max-width:1200px){.container{width:70%}}.infobar{justify-content:space-between;background:#5a5eb9;border-radius:4px 4px 0 0;height:60px;width:100%}.infobar,.leftContainer{display:flex;align-items:center}.leftContainer{flex:0.5 1;margin-left:5%;color:#fff}.rightContainer{display:flex;flex:0.5 1;justify-content:flex-end;margin-right:5%}.onlineIcon{margin-right:5%}.form{display:flex;border-top:2px solid #d3d3d3}.input{border:none;border-radius:0;padding:3%;width:80%;font-size:1.2em}input:focus,select:focus,textarea:focus{outline:none}.sendButton{text-transform:uppercase;text-decoration:none;padding:20px;display:inline-block;width:20%;border:none;cursor:pointer}.color{color:#8629ff}.box{background:#f3f3f3;border-radius:20px;padding:5px 20px;color:#fff;display:inline-block;max-width:80%}.messageText{width:100%;letter-spacing:0;float:left;font-size:1.1em;word-wrap:break-word}.messageText img{vertical-align:middle}.messageContainer{display:flex;justify-content:flex-end;padding:0 5%;margin-top:3px}.sendText{display:flex;align-items:center;font-family:Helvetica;color:#828282;letter-spacing:.3px}.pl-10{padding-left:10px}.pr-10{padding-right:10px}.justifyStart{justify-content:flex-start}.justifyEnd{justify-content:flex-end}.colorWhite{color:#fff}.colorDark{color:#353535}.backgroundViolet{background:#5a5eb9}.backgroundLight{background:#f3f3f3}.messages{padding:5% 0;overflow:auto;flex:auto}.textArea{display:flex;flex-direction:column;margin-left:100px;color:#fff;height:60%;justify-content:space-between}.activeContainer{margin-bottom:50%}.activeContainer,.activeItem{display:flex;align-items:center}.activeContainer img{padding-left:10px}.textContainer h1{margin-bottom:0}@media (min-width:320px) and (max-width:1200px){.textArea{display:none}}
/*# sourceMappingURL=main.74c0ea2f.chunk.css.map */