body {
    background: url('../bg/stars.gif');
    color: white;
}

header {
    display: flex;
    width: 100%;
    justify-content: center;
}

header > section > h1 {
    text-align: center;
    margin-inline: 10px;
    -webkit-text-stroke: .5px black;
}

nav > section > * {
    display: block;
    margin: 5px auto;
}

#number {
    font-size: 5rem;
}

#grimace {
    rotate: 5deg;
}

@media (min-width: 2000px) {
    header > section > h1 {
        font-size: 4rem;
    }
}

@media (max-width: 2000px) {
    header > section > h1 {
        font-size: 3rem;
    }
}

@media (max-width: 870px) {
    header > section > h1 {
        font-size: 2rem;
    }
}

@media (max-width: 400px) {
    header > section > h1 {
        font-size: 1.4rem;
    }
}