:root { --base-color-text: #494848;
--base-color-accent: #000;
--base-color-light: #fff;
--base-color-background: #e2e1e0;
--base-font-family: Oswald, arial, sans-serif;
--base-font-weight: normal;
--base-line-height: 1.6;
--base-font-size: 18px;
--base-font-size-small: 0.8em;
--base-font-size-medium: 1.2em;
--base-headings-color: var(--base-color-text);
--base-headings-font-family: var(--base-font-family);
--base-headings-font-weight: normal;
--base-headings-line-height: 1.25;
--base-headings-font-size-1: 100px;
--base-headings-font-size-2: 125px;
--base-headings-font-size-3: 36px;
--base-headings-font-size-4: 24px;
--base-layout-width: 100%;
--base-content-width: 1100px;
--base-content-width-wide: 1820px;
--base-content-width-full: 100%;
--base-offset: 40px;
--base-offset-vertical: 120px;
--base-space: 20px;
--base-gap: var(--base-offset);
--header-height: 55px;
--header-offset: var(--base-offset);
--header-background: rgba(0,0,0,0.8);
--header-color: var(--base-color-light);
--header-color-accent: var(--base-color-background);
}
body .everything-accordion h2,
body .everything-accordion__content {
border-bottom: 1px solid var(--base-color-text);
}
body .everything-accordion h2:first-child {
border-top: 1px solid var(--base-color-text);
}
@media (max-width: 781px) {
:root {
--base-headings-font-size-1: 70px;
--base-headings-font-size-2: 90px;
--base-headings-font-size-3: 26px;
--base-offset: 20px;
--base-offset-vertical: 70px;
}
}