@import '/UI/Style.scss';

LobbyBrowser {
    width: 100%;
    flex-direction: column;

    >.header {
        color: $white;
        background-color: $light-gray;
        flex-shrink: 0;
        font-size: 32px;
        padding: 5px 50px;

        >.left {
            width: 60%;
        }

        >.right {
            width: 40%;

            >text {
                width: 200px;
                text-align: right;
            }
        }
    }

    >.content {
        height: 600px;

        >.lobbies {
            flex-direction: column;
            overflow-y: scroll;
            width: 100%;

            >.disclaimer {
                background-color: $gray-darkerer;
                height: 100%;
                width: 100%;
                justify-content: center;
                align-items: center;

                text {
                    font-size: 42px;
                    color: $white-dark;
                    text-transform: uppercase;
                    width: 400px;
                    text-align: center;
                }
            }
        }
    }
}