.join{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.fjoin{border:1px solid gray;width:60%;height:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1em}.fjoin input{height:10%;width:80%;padding:1em;border-radius:15px;border:1px solid gray}.fjoin button{height:50px;width:200px;padding:1em;color:#fff;background-color:#ff4500;border:none;cursor:pointer;border-radius:15px}.d{padding:.5em;margin-top:.4em;border:1px solid black;width:90%;display:flex;justify-content:space-between;align-items:center;border-radius:15px;flex-wrap:wrap}.d button{width:200px;height:30px;color:#fff;background-color:#4267b2;border:none;border-radius:15px;cursor:pointer}.room{display:flex;flex-direction:column;justify-content:start;align-items:center;width:100%;height:fit-content;gap:2em}.contacts::-webkit-scrollbar{display:none}.contacts{padding:1em;display:flex;flex-direction:column;justify-content:start;align-items:center;width:50%;height:10em;border:1px solid black;border-radius:15px;overflow-y:scroll}