.game-header {
    margin-top: 2rem;
    display: flex;
    justify-content: center;
}

.logo-dots {
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo-dot {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0.15rem;
    border-radius: 50%;
    background-color: aliceblue;
}

.logo-dot.g {
    background: var(--green-lit);
    box-shadow: 0 0 8px var(--green-glow);
}

.logo-dot.r {
    background: var(--red-lit);
    box-shadow: 0 0 8px var(--red-glow);
}

.logo-dot.y {
    background: var(--yellow-lit);
    box-shadow: 0 0 8px var(--yellow-glow);
}

.logo-dot.b {
    background: var(--blue-lit);
    box-shadow: 0 0 8px var(--blue-glow);
}

.title {
    margin: 0;
    margin-left: 0.2rem;
    text-transform: uppercase;
    letter-spacing: var(--letter-space);
    font-family: var(--font-game);

}

.subtitle {
    /* font-family: var(--font-game); */
    margin: 0;
    padding: 0;
    letter-spacing: var(--letter-space);
    font-size: 0.8rem;
    color: var(--color-text-muted);
    font-weight: 500;
}