* { box-sizing: border-box; } html { --accent: #ed1c24; --foreground: #000; --foreground-lighter-1: rgba(0, 0, 0, 0.7); --foreground-lighter-2: rgba(0, 0, 0, 0.3); --background: #fff; --background-darker-1: #f5f5f5; --background-darker-2: #eeeeee; font-family: 'Open Sans', Arial, sans-serif; font-weight: 800; background: var(--background); color: var(--foreground); -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; box-sizing: border-box; width: 100vw; height: 100vh; margin: 0; font-size: 16px; @media screen and (min-width: 1200px) { font-size: 20px; } } *:focus-visible { outline: 0.2rem solid var(--accent); } @import './container'; @import './link'; @import './card'; @import './button'; @import './input'; @import './table'; @import './form-group'; @import './homelink'; @import './i18n-links'; @import './main'; @import './header'; @import './page'; @import './login-flow-pre'; @import './section-nav'; @import './logo'; @import './background'; @import './footer';