/* challenge 1 */
header {
    margin-bottom: 3rem;
}

/* challenge 2 */
p {
    line-height: 1.6;
}

/* challenge 3 */
a.see-all {
    font-size: 0.8em;
    text-transform: uppercase;
}

/* challenge 4 */

.shows h1 {
    font-size: 2.5rem;
}

/* challenge 5 */
h2 {
    text-transform: uppercase;
    font-size: 1rem;
}

/* challenge 6 */
h1, h2 {
    font-weight: lighter;
}

/* challnege 7 */
.cast img {
    width: 100%;
}

/* challenge 8 */
.cast li {
    width: 25%
}

/* challenge 9 */
.shows > li {
    border-top: 1px solid black;
}

/* challenge 10 */
nav li.selected a {
    font-weight: bold;
    color: black;
}

/* challenge 11 */
section.cast div {
    font-size: 0.8rem;
}

/* challenge 12 */
section.cast div:nth-child(2) {
    font-weight: bold;
}

/* challenge 13 */
section.cast div:nth-child(3) {
    font-style: italic;
}

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

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