h2, p {
    margin-bottom: 2.4rem;
}

h1 {
    font: 700 2.0rem/1.2 "Roboto";
    color: hsl(000, 000%, 33%);
}

h2 {
    font: 400 1.5rem/1.2 "Roboto";
    color: hsl(000, 000%, 83%);
}

time {
    font: 700 1.0rem/1.2 "Roboto";
    color: hsl(250, 100%, 83%);
}

h3 {
    font: 700 1.0rem/1.2 "Roboto";
    color: hsl(250, 100%, 67%);
}

p {
    font: 400 1.0rem/1.5 "Roboto";
    color: hsl(000, 000%, 33%);
}

figcaption p {
    font: 400 1.0rem/1.5 "Roboto";
    color: hsl(000, 000%, 83%);
}

a {
    box-shadow: inset 0 -0.25em hsl(208, 100%, 68%);
}

@media (max-width: 8.5in) {
    :root {
        font-size: 18px;
    }
}

@media (max-width: 5.0in) {
    :root {
        font-size: 16px;
    }
}