body{background-color:#b7dfdb;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}#root{min-width:98vw;min-height:97vh;position:relative}#phone{border:5px solid #fff;border-radius:15px;width:200px;height:400px;padding:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#phone-header{border-bottom:5px solid #fff;justify-self:center;width:200px;padding:5px}#camera{background-color:#fff;border-radius:50%;justify-self:center;width:15px;height:15px}#phone-footer{border-top:5px solid #fff;justify-self:center;width:200px;padding:2px;position:absolute;bottom:5px}#phone-body,.footer-buttons{text-align:center}.btn{color:#fff;background-color:#b7dfdb;border:none;margin:5px 15px}.btn:hover{color:#949493}.btn:active{color:#000}.regsiter-screen{border:3px solid #fff;border-radius:10px;margin:10px 2px;padding:5px}input{border:none;border-radius:5px}h3{color:#fff}h4{color:#fff;border-bottom:5px solid;margin:0;padding:5px}label{color:#fff;margin-right:2px}#message{width:130px}.message-container{grid-template-columns:auto auto auto;display:grid;position:absolute;bottom:45px;left:5px}::-webkit-scrollbar{display:none}.chat{max-height:260px;overflow-y:scroll}p{text-align:left;background-color:#fff;border-radius:15px;width:fit-content;max-width:150px;padding:5px;font-size:13px}.right{color:#fff;background-color:#4e4ee6;margin-left:auto}