* { box-sizing: border-box; } html { --accent: #ed1c24; --foreground: #000; --foreground-light: rgba(0, 0, 0, 0.7); --background: #fff; --background-alt-1: #f5f5f5; --background-alt-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: 20px; } *:focus-visible { outline: 0.2rem solid var(--accent); } @import './container'; @import './link'; @import './card'; @import './button'; @import './input'; @import './form-group'; @import './main'; @import './header'; @import './page'; @import './section-nav'; @import './logo'; @import './background'; @import './footer';