.chat-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100vh;background-color:#dedede}.chat-container,.chat-header{display:-webkit-box;display:-ms-flexbox;display:flex}.chat-header{background-color:#fff;color:#000;padding:10px;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;height:55px}.chat-header .avatar{position:absolute;left:10px;border-radius:30%;width:40px;height:40px}.header-text{font-size:18px;margin-left:60px}.card{background-color:#fff;padding:20px;margin:20px;border-radius:8px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1)}.card label{display:block;margin-bottom:5px;font-weight:400;color:#333}.card input{display:block;width:100%;margin-bottom:10px;padding:10px;border:1px solid #ccc;border-radius:4px}.card button{background-color:#f1c40f;color:#fff;border:none;padding:10px;border-radius:4px;cursor:pointer;width:100%;font-size:15px}.half-circles{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;bottom:0;left:0;right:0}.half-circle{width:200px;height:100px;border-radius:100px 100px 0 0;position:relative;margin:0 -30px}.dark-green{background-color:rgba(0,100,0,.7)}.medium-green{background-color:rgba(34,139,34,.7)}.light-green{background-color:rgba(102,205,170,.7)}