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;
}

.near-black {
    color: #111;
}

.dark-gray {
    color: #333;
}

.mid-gray {
    color: #555;
}

.gray {
    color: #777;
}

.dark-red {
    color: #e7040f;
}

.red {
    color: #ff4136;
}

.purple {
    color: #5e2ca5;
}

.light-purple {
    color: #a463f2;
}

.dark-pink {
    color: #d5008f;
}

.light-pink {
    color: #ffa3d7;
}

.dark-green {
    color: #137752;
}

.green {
    color: #19a974;
}

.navy {
    color: #001b44;
}

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

.blue {
    color: #357edd;
}

.pa4 {
    padding: 2rem;
}

.f4 {
    font-size: 1.25rem;
}

.dim {
    opacity: 1;
    transition: opacity .15s ease-in;
}

.dim:hover, .dim:focus {
    opacity: .5;
    transition: opacity .15s ease-in;
}

.dim:active {
    opacity: .8;
    transition: opacity .15s ease-out;
}