.rooms_list
{
    border: 1px solid;
    border-radius: 10px;
    margin-bottom: 20px;
}

.rooms_list button
{
    display: block;
    margin: 5px auto;
}

.create_room_button
{
    display: block;
    margin: auto;
}

.hidden 
{
    display: none;
}

.room_creation
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(100,100,100,.5);
}

.room_create_input_container
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 250px;
    height: 150px;
    border-radius: 10px;
    display: flex;
    background: white;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
}

.close_button
{
    position: absolute;
    top: 5px;
    right: 10px;
    color: grey;
    cursor: pointer;
}