@media only screen and (max-width: 600px) {
    #create-room-contact-root{
        position:fixed;
        top:0px;
        left:0px;
        width:var(--full-width);
        height:var(--full-height);
        backdrop-filter: blur(10px); /*conflicts with the opacity*/
        display:flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    #create-room-contact-form{
        width:80vw;
        height:30vh;
        display:flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        border-color:black;
        border-width:2px;
        border-style:solid;
    }

    .create-room-contact-form-label{
        font-size: 2vh;
        padding:2vh;
        font-weight: bolder;
    }

    #new-room-contact-address{
        width:60vw;
        font-size: 2vh;
        overflow-wrap: break-word;
    }

    #create-new-room-contact-submit{
        width:30vw;
        font-size: 2.5vh;
        overflow-wrap: break-word;
        margin:1vh;
    }

    #create-room-contact-back-button{
        height:5vh;
        width:5vh;
        font-size: 3vh;
        margin-top:2vh;
        margin-left:1vw;
        margin-right:1vw;
        border-width:2px;
        border-style:solid;
        border-color:black;
        border-radius: 2.5vh;
        display:flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
    #create-room-contact-back-button:hover{
        background-color: gray;
    }
}