body {
    color: #f6f6f6;
}

.container {
    max-width: 1200px;
}

h1 {
    font-size: 3em;
    font-weight: 900;
    text-transform: uppercase;
    padding: .3em 0;
}

p {
    padding: 1em 0;
}

a {
    color: bisque;
}

a:hover {
    color: brown;
}

#nav {
    max-width: 1200px;
    margin: 2em auto 0 auto;
    display: grid;
    grid-gap: 20px;
    grid-auto-flow: dense;
}

.main-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
}

.main-nav li {
    margin: 0 20px 0 0;
}