body {
    background-color: #d6d6d6;
    color: #f7f7f7;
}

.blue-bg {
    background-color: #004c63;
    color: #f7f7f7;
}

.light-bg {
    background-color: #d6d6d6;
    color: #333333;
}

.navbar.navbar-dark {
    background-color: #202125;
}

.navbar .logo img {
    max-width: 300px;
}

.navbar .navbar-nav a.nav-link {
    font-size: 1.05rem;
    color: #f7f7f7;
}

.navbar .navbar-nav a.nav-link:hover {
    color: #37c5f1;
}

footer {
    background-color: #202125;
}

h1,h2,h3,h4,h5,h6 {
    text-align: center;
    padding: 1rem 2rem;
}

h1 {
    font-size: 2rem;
}

.game {
    background-color: #004c63;
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #f7f7f7;
}

.game:hover {
    background-color: #004056;
    color: #f7f7f7;
    text-decoration: none;
}

.game .icon img {
    width: 36px;
    height: 36px;
}

.game .title {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.8rem;
}

.game .id, .game .playersCount {
    font-size: 0.9rem;
}