:root{--witdh: 80vw}body{background-color:#2b282c;padding:0;margin:0;font-family:Roboto,sans-serif;font-weight:400;font-style:normal}.heading{height:50px;margin-top:0;padding-top:25px;color:#fff;padding-left:50px;background-color:#555}.chat-box{border:1px solid black;background-color:#42394a;height:80vh;width:var(--witdh);margin-left:10vw;margin-right:10vw;overflow-y:scroll;padding-left:20px}.message{display:flex;align-items:center;list-style:none}.message-container{background-color:#c1c0c0;padding:10px;margin:10px;width:fit-content;border-radius:25px}.sign-in{border:2px solid rgb(255,255,255);padding:50px;display:flex;flex-direction:column;align-items:center;align-content:center}.sign-button{width:max-content;margin-left:86vw;border-radius:20px;height:30px;font-size:small}.sign-in-button{font-size:small;border:0;border-radius:20px;width:max-content;height:30px}.form{margin-left:10vw;margin-right:10vw;width:var(--witdh);margin-bottom:50px}.time-display{display:inline;font-size:11px;color:#1f063a;width:fit-content;border-radius:5px;padding:5px;margin-left:5px;margin-right:0}.profile-pic{width:28px;height:28px;border-radius:50%}.input-box{height:50px;width:100%;border:0;padding:10px;font-size:larger}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.webview-div{display:flex;border:2px white solid;border-radius:5px;color:#fff;min-height:50px;width:80vw;margin-left:auto;margin-right:auto;text-align:center;padding:5px;align-items:center}.webview-div>a{padding:0;margin:0;color:#fff}.copy-link{width:fit-content;margin-left:10px}