:root{--font-family-normal:"Open Sans",Arial,sans-serif;--font-family-heading:"Open Sans",Arial,sans-serif;--font-family-banner:"Open Sans",Arial,sans-serif;--site-rps-blue:hsl(198,100%,37%);--site-dark-blue:hsl(218,98%,31%);--site-light-blue:hsl(166,30%,65%);--site-dark-grey:hsl(0,0%,5%);--site-light-grey:hsl(0,0%,95%);--banner-background:var(--site-light-grey);--banner-foreground:var(--site-rps-blue);--banner-foreground-highlight:var(--banner-foreground);--banner-font-size:clamp(10px,2vw,18px);--banner-height:calc(var(--banner-font-size)*5);--menu-background:var(--site-rps-blue);--menu-color:var(--site-light-grey);--menu-hoverbackground:var(--menu-background);--menu-hovercolor:#fff;--navigation-padding:clamp(2px,.8vw,20px);--navigation-fontsize:clamp(11px,1.2vw,16px)}