@media only screen and (min-width: 600px) {
    #room-window-root {
        width: var(--full-width);
        height: var(--full-height);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: start;
    }

    #room-title {
        width: 50vw;
        height: 10vh;
        border-style: solid;
        border-color: black;
        border-width: 2px;
        border-bottom-width: 0px;
    }

    #room-name {
        font-size: 2.5vh;
        font-weight: bold;
    }

    #room-address {
        font-size: 2vh;
        overflow-wrap:break-word;
    }

    #room-top-menu {
        width: 50vw;
        height: 10vh;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: end;
        border-style: solid;
        border-color: black;
        border-width: 2px;
        border-bottom-width: 0px;
    }

    .room-top-menu-button {
        height: 4vw;
        width: 4vw;
        font-size: 2vw;
        border-width: 2px;
        margin-left: 1vw;
        margin-right: 1vw;
        border-style: solid;
        border-color: black;
        border-radius: 2vw;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .room-top-menu-button:hover {
        background-color: gray;
    }

    #room-chat-list {
        width: 50vw;
        height: 80vh;
        border-style: solid;
        border-color: black;
        border-width: 2px;
        border-bottom-width: 0px;
        overflow-y: scroll;
    }

    #room-chat-list::-webkit-scrollbar{
        display:none;
    }

    #room-message-form {
        width: 50vw;
        height: 10vh;

        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;

        border-style: solid;
        border-color: black;
        border-width: 2px;
    }

    #room-text-message-input {
        width: 40vw;
        height: 90%;
        font-size: 3vh;
    }

    #room-send-message-button {
        height: 4vw;
        width: 4vw;
        font-size: 2vw;
        border-width: 2px;
        margin-left: 0.5vw;
        margin-right: 0.5vw;
        border-style: solid;
        border-color: black;
        border-radius: 2vw;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    #room-send-message-button:hover {
        background-color: gray;
    }

    #room-send-file-button {
        height: 4vw;
        width: 4vw;
        font-size: 2vw;
        border-width: 2px;
        margin-left: 0.5vw;
        margin-right: 0.5vw;
        border-style: solid;
        border-color: black;
        border-radius: 2vw;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    #room-send-file-button:hover {
        background-color: gray;
    }
}