css

.dib {
    display: inline-block;
}

.b {
    font-weight: bold;
}

.link {
    text-decoration: none;
    transition: color .15s ease-in;
}

.link:link, .link:visited {
    transition: color .15s ease-in;
}

.link:hover {
    transition: color .15s ease-in;
}

.link:active {
    transition: color .15s ease-in;
}

.link:focus {
    transition: color .15s ease-in;
    outline: 1px dotted currentColor;
}

.black {
    color: #000;
}

.hover-red:hover {
    color: #ff4136;
}

.hover-red:focus {
    color: #ff4136;
}

.hover-light-red:hover {
    color: #ff725c;
}

.hover-light-red:focus {
    color: #ff725c;
}

.hover-orange:hover {
    color: #f48120;
}

.hover-orange:focus {
    color: #f48120;
}

.hover-gold:hover {
    color: #faad3f;
}

.hover-gold:focus {
    color: #faad3f;
}

.hover-yellow:hover {
    color: #ffd700;
}

.hover-yellow:focus {
    color: #ffd700;
}

.hover-purple:hover {
    color: #5e2ca5;
}

.hover-purple:focus {
    color: #5e2ca5;
}

.hover-light-purple:hover {
    color: #a463f2;
}

.hover-light-purple:focus {
    color: #a463f2;
}

.hover-hot-pink:hover {
    color: #ff41b4;
}

.hover-hot-pink:focus {
    color: #ff41b4;
}

.hover-pink:hover {
    color: #ff80cc;
}

.hover-pink:focus {
    color: #ff80cc;
}

.hover-green:hover {
    color: #19a974;
}

.hover-green:focus {
    color: #19a974;
}

.hover-light-green:hover {
    color: #9eebcf;
}

.hover-light-green:focus {
    color: #9eebcf;
}

.hover-dark-blue:hover {
    color: #00449e;
}

.hover-dark-blue:focus {
    color: #00449e;
}

.hover-blue:hover {
    color: #408bc9;
}

.hover-blue:focus {
    color: #408bc9;
}

.hover-light-blue:hover {
    color: #76c4e2;
}

.hover-light-blue:focus {
    color: #76c4e2;
}

.pa3 {
    padding: 1rem;
}

.pv1 {
    padding-top: .25rem;
    padding-bottom: .25rem;
}

.ph2 {
    padding-left: .5rem;
    padding-right: .5rem;
}

.no-underline {
    text-decoration: none;
}

.f3 {
    font-size: 1.5rem;
}

@media screen and (min-width: 30em) and (max-width: 60em) {
    .pa4-m {
        padding: 2rem;
    }
}

@media screen and (min-width: 60em) {
    .pa5-l {
        padding: 4rem;
    }
}