body {
    background-color: var(--bg-main);
    color: var(--text-main);
    font-family: var(--font-body);
}

h1, h2, h3 { font-family: var(--font-heading); text-transform: uppercase; }

h1 {
    font-size: var(--font-3xl);
}

h2 {
    opacity: var(--opacity-high);
    font-size: var(--font-2xl);
}

p, li{
    opacity: var(--opacity-med);
    font-size: var(--font-lg);
}

a {
    font-weight: bolder;
    font-size: var(--font-lg);
    color: var(--text-link);
    text-decoration-color: #00000000;
    opacity: var(--opacity-high);
    transition: all 0.2s ease;
    cursor: pointer;
}

a:hover {
    opacity: 1;
    text-decoration-color: var(--text-link);
}