/* Shared aesthetics extracted from homepage */
:root {
    --hue: 178;
    --half: calc(180 + 178);
    --sat: 20%;
    --lum: 60%;
    --font-heading: 'Libre Baskerville', serif;
}

.cycle-bg {
    animation: loop 155000ms infinite;
}

@keyframes loop {
    0% { background-color: hsla(var(--hue), var(--sat), var(--lum), 1); }
    50% { background-color: hsla(var(--half), var(--sat), var(--lum), 1); }
    100% { background-color: hsla(var(--hue), var(--sat), var(--lum), 1); }
}

.inverted-block {
    background: black;
    color: white;
    padding: 1rem;
    text-align: center;
}