style.css

@font-face {font-family:gli;src: url(https://cdn.jsdelivr.net/gh/PixelXII/webapps/gli.ttf);}
* { font-family:gli; }
body { background:#46475A; color:white;}
input[type="text"] {width:250px;height:25px;font-size:20px;padding:2px;border:1px solid black;border-radius:5px;outline:none;}
#message { position:absolute; bottom:20; width:500px; left:20px;}
#main-container {width:60%;height:375px;overflow-y:scroll;}
.selection {padding:8px;text-decoration:underline;width:fit-content;cursor:pointer;}
.selection:hover {text-decoration:none;}
#selection_menu {border:1px solid white;margin-top:300px;border-radius:5px;width:75%;}
#contacts {font-size:12px;float:right;height:95%;width:20%;margin-right:10px;border:1px solid white;border-radius:3px; position:sticky;top:0;}
.contact-profile {background:darkgrey;height:40px;width:40px;border-radius:50%;}
.contact-name {background:lightgrey;color:black;width:fit-content;;margin-top:8px;border-radius:5px;padding:4px;height:20px;}
button {margin-top:10px;border:1px solid black;border-radius:5px;background:rgba(17, 206, 232, 100);cursor:pointer;}
.contact {background: grey;margin:10px;padding:4px;border-radius:2px;}
.message {width:fit-content;height:20px;margin:20px;padding:10px;color:black;border-radius:5px;background:darkgrey;}
#inputs {display:inline;}