body {
    background: url(/img/Cygnus_Loop_Nebula.jpg);
    background-size: cover;
    color: white;
    font-family: sans-serif;
}

.center {
    display: flex;
    height: 100%;
}

.center > div {
    margin: auto;
}

.loginContainer {
    display: flex;
    justify-content: center;
    height: calc(100vh - 30px);
}

.loginContainer > div {
    align-self: center;
}

#games {
    padding: 50px;
}

.outlineText {
    cursor: pointer;
    border: 1px solid black;
    border-radius: 3px;
    padding: 10px;
    font-size: 25px;
    background: white;
    display: inline-block;
    color: black;
}

.gameTypes {
    padding: 10px 0;
}

.gameTypes .selected {
    background: #b7d6dd;
}

.game, button {
    cursor: pointer;
    border: 1px solid black;
    border-radius: 3px;
    display: inline-block;
    padding: 10px;
    font-size: 25px;
    background: white;
    color: black;
}

.gameCreation {
    padding: 50px;
}

input {
    border: 1px solid black;
    border-radius: 3px;
    display: inline-block;
    padding: 10px;
    font-size: 25px;
}