body {
    font-family: sans-serif;
}

table thead tr th {
    text-align: left;
}

main.hero {
    text-align: center;
}

header nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
}

header nav ul li a {
    display: block;
    text-align: centre;
    padding: 0 0.5rem;
}

main nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: block;
}

main nav ul li a {
    display: inline-block;
    padding: 0.5rem;
}

table {
    width: 100%;
}

th, td {
    padding: 0.25rem;
}

@media screen and (min-width: 1024px) {
    body {
        width: 60%;
        margin: 2em auto;
    }
}