:root {
    --season-color-spring: #e54360;
    --season-grad-spring: #b0dfd9;
    --season-color-summer: #FF9800;
    --season-grad-summer: linear-gradient(rgb(114, 232, 255) 0%, rgb(255, 255, 255) 100%);
    --season-color-fall: #c23c32;
    --season-grad-fall: linear-gradient(rgb(114, 232, 255) 0%, rgb(255, 255, 255) 100%);
    --season-color-winter: #069;
    --season-grad-winter: linear-gradient(to bottom, #b6d0dd 0%,#ebf3f6 100%);
    --intro-txt-color: #138657;
}

.season-color.spring {
    background-color: var(--season-color-spring);
}

.season-color.summer {
    background-color: var(--season-color-summer);
}

.season-color.fall {
    background-color: var(--season-color-fall);
}

.season-color.winter {
    background-color: var(--season-color-winter);
}

.section.intro.spring {
    background-color: var(--season-grad-spring);
}

.section.intro.summer {
    background-color: var(--season-grad-summer);
}

.section.intro.fall {
    background: var(--season-grad-fall);
}

.section.intro.winter {
    background: var(--season-grad-winter);
}

.section.intro .intro-txt {
    color: var(--intro-txt-color);
}

.nav-back.spring {
    background-color: var(--season-color-spring);
}

.nav-back.summer {
    background-color: var(--season-color-summer);
}

.nav-back.fall {
    background-color: var(--season-color-fall);
}

.nav-back.winter {
    background-color: var(--season-color-winter);
}

.side-nav.spring {
    background-color: var(--season-color-spring);
}

.side-nav.summer {
    background-color: var(--season-color-summer);
}

.side-nav.fall {
    background-color: var(--season-color-fall);
}

.side-nav.winter {
    background-color: var(--season-color-winter);
}

.section.n1::after,
.section.n2::after,
.section.n3::after,
.section.n4::after,
.section.n5::after,
.section.n6::after {
    content: "";
    opacity: 0.35;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: fixed;
    z-index: -1;
}