.text-primary {
    color: var(--pico-primary);
}

.text-secondary {
    color: var(--pico-secondary);
}

.text-muted {
    color: var(--pico-muted-color);
}

.box-outline {
    border-radius: 15px;
    border: 15px solid var(--contrast);
    background-color: var(--contrast);
    box-shadow: var(--shadow-small);
}

article p {
    text-align: center;
}

.border-outline {
    border: var(--pico-border-width) solid var(--pico-border-color);
}

.border-top {
    border: 2px solid #00000007;
}

.shadow-small {
    box-shadow: var(--shadow-small);
}

.hero-text {
    line-height: 1;
}
