css

.db {
    display: block;
}

.fw6 {
    font-weight: 600;
}

.lh-copy {
    line-height: 1.5;
}

.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-near-black:hover {
    color: #111;
}

.hover-near-black:focus {
    color: #111;
}

.hover-dark-gray:hover {
    color: #333;
}

.hover-dark-gray:focus {
    color: #333;
}

.hover-mid-gray:hover {
    color: #555;
}

.hover-mid-gray:focus {
    color: #555;
}

.hover-gray:hover {
    color: #777;
}

.hover-gray:focus {
    color: #777;
}

.hover-dark-red:hover {
    color: #e7040f;
}

.hover-dark-red:focus {
    color: #e7040f;
}

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

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

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

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

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

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

.hover-dark-pink:hover {
    color: #d5008f;
}

.hover-dark-pink:focus {
    color: #d5008f;
}

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

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

.hover-light-pink:hover {
    color: #ffa3d7;
}

.hover-light-pink:focus {
    color: #ffa3d7;
}

.hover-dark-green:hover {
    color: #137752;
}

.hover-dark-green:focus {
    color: #137752;
}

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

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

.hover-navy:hover {
    color: #001b44;
}

.hover-navy:focus {
    color: #001b44;
}

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

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

.hover-blue:hover {
    color: #357edd;
}

.hover-blue:focus {
    color: #357edd;
}

.pa4 {
    padding: 2rem;
}

.f4 {
    font-size: 1.25rem;
}