header {
    margin-bottom: 3rem;
}

p {
    line-height: 1.6;
}

.see-all {
    font-size: 0.8em;
    text-transform: uppercase;
}

h1 { 
    font-size: 2.5rem;
    font-weight: lighter; /* I'm unclear on whether Step 6 is saying the title of the shows or section titles should be light weight, but I made the show titles, not the section titles, lighter. */
}

h2 {
    font-size: 1rem;
    text-transform: uppercase;
}

img {
    width: 100%;   
}

.cast li {
    width: 25%;
}

.shows > li {
    border-top: 1px solid black;
}

nav li.selected a {
    font-weight: bold;
    color: black;
}

.cast div {
    font-size: .8rem;
}

.cast img+div {
    font-weight: bold;
}

a > div:nth-of-type(2) {
    font-style: italic;
}

#game-of-thrones .seasons li:last-child::after {
content: "*";
}

#game-of-thrones .seasons::after {
    content: "*Final Season";
    font-size: 0.7rem;
    color: #999;
}