:root {
    /* Colors from the original site */
    --wm-red: #D63C3C;
    --seed: #1F1F1F;
    --snow: #FFFFFF;
    --rind: #2F6F4F;
    --barn: #7B4E2A;
    --creek: #3A6779;
}

body {
    font-family: 'Inter', sans-serif;
    color: var(--seed);
}

h1, h2, h3 {
    font-family: 'DM Serif Display', serif;
}

h4, h5, h6 {
    font-family: 'Lora', serif;
}

em {
    font-family: 'Lora', serif;
}

.btn-primary {
    background-color: var(--wm-red);
    border-color: var(--wm-red);
    color: var(--snow);
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: var(--rind);
    border-color: var(--rind);
    color: var(--snow);
}

.hero {
    background: linear-gradient(180deg, #fff 0, #f6f7f9 100%);
}

.list-group-item {
    padding-top: 0.9rem;
    padding-bottom: 0.9rem;
}

footer a:hover {
    text-decoration: underline;
}

/* Custom Styles */
.author-img {
    max-width: 100%;
    border-radius: 8px;
    box-shadow: 0 12px 26px rgba(0,0,0,.08);
}

.hr-barn {
    height: 1px;
    border: 0;
    background: linear-gradient(to right, transparent, var(--barn), transparent);
    margin: 2rem 0;
}

/* About page styles */
.about-content {
    font-size: 1.125rem;
    line-height: 1.65;
}

.about-content h2 {
    color: var(--seed);
    margin-top: 2rem;
}

.about-content h3 {
    color: var(--creek);
    font-family: 'Lora', serif;
    font-size: 1.3rem;
}

.about-content ul {
    padding-left: 1.2rem;
}

.about-content a:not(.btn) {
    color: var(--creek);
    text-decoration: none;
    border-bottom: 1px solid rgba(58,103,121,.35);
}

.about-content a:not(.btn):hover {
    color: var(--rind);
    border-bottom-color: currentColor;
}