:root {--min-viewport: 360;--max-viewport: 1600;--base-font: 18;--clamp-unit: 1vw;--bluedark: #012b31;--bluelight: #012b31;--brown: #6e5c3a;--purplelight: #cdcbff;--greenlight: #cceed3;--graylight: #f3f4f2;--white: #ffffff;--graymedium: #e5e5e5;--brownlight: #8b7855;--hneutral03: #ced3ca;--hnetral02: #e9e7d8;--hneutral1: #fafaf2;--hgreen: #d5ddcc;--hblue: #d1e1e2;--hgreenlight: #102f31;--hgreendark: #062224;--black: #000000;--content-width: 1280px;--content-padding: calc(max(20px, (100% - var(--content-width)) / 2));}