:root {
--base-color-text: #371102;
--base-color-accent: #83da5e;
--base-color-light: #737373; --base-color-background: #fcfefc;
--base-color-background-highlight: #fff;
--base-font-family: "Montserrat", "Open Sans", verdana, sans-serif;
--base-line-height: 1.4;
--base-font-size: clamp(14px, 1.5vw, 17px);
--base-font-size-small: calc(0.75*var(--base-font-size));
--base-font-size-large: clamp(24px, 2.4vw, 36px);
--base-space: calc(1.25*var(--base-font-size));
--base-offset: clamp(15px, 1.2vw, 25px);
--base-content-width: 1105px;
--base-content-width-wide: 1220px;
--base-layout-width: 100%;
--theme-color-border: #e7e7e7;
--theme-header-height: clamp(80px, 8.5vw, 120px);
--theme-offset-large: calc(4*var(--base-offset));
--theme-headings-height: 1.35;
}
@media (max-width: 599px) {
:root {
--theme-header-height: 80px;
}
}
a {
transition: all 200ms ease-in-out;
}