body{
    margin:0;
    min-height:100vh;
    font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
    background:radial-gradient(900px circle at 50% 20%, #221c3b 0%, #0b0e14 55%, #07060b 100%);
    color:#e9eef7;
}

    .card{
      width:min(720px, calc(100% - 2rem));
      padding:2rem;
      border-radius:18px;
      background:rgba(255,255,255,0.06);
      border:1px solid rgba(255,255,255,0.12);
      box-shadow:0 10px 40px rgba(0,0,0,0.35);
      text-align:center;
      backdrop-filter:blur(10px);
      flex: 1;
    }





/* DIVS */

.app-main {
    display: flex;
    height: 100vh;
}



.joined-rooms{
    background:radial-gradient(900px circle at 50% 20%, #221c3b 0%, #0b0e14 55%, #07060b 100%);
    border: 3px solid rgb(101, 46, 255);
    border-radius: 8px;
    float: left;
    width: 75px;
    height: 100%;
    overflow-y: scroll;
}

.room-channels{
    background-color: rgb(36, 36, 36);
    border: 1px solid white;
    margin-left: 16px;
    width: 200px;
    height: 100%;
    overflow-y: scroll;
    display: flex;
}

.room-chat {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.room-chat-textbox {
    padding: 10px;
    display: flex;
    justify-content: center;
}

.room-chat-textbox form {
    width: 60%;
    display: flex;
}