:root { --marine-blue: hsl(213, 96%, 18%); --purplish-blue: hsl(243, 100%, 62%); --pastel-blue: hsl(228, 100%, 84%); --light-blue: hsl(206, 94%, 87%); --strawberry-red: hsl(354, 84%, 57%); --cool-gray: hsl(231, 11%, 63%); --light-gray: hsl(229, 24%, 87%); --magnolia: hsl(217, 100%, 97%); --alabaster: hsl(231, 100%, 99%); --white: hsl(0, 0%, 100%); --font-size: 16px; --font-family: 'Ubuntu', sans-serif; } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } @font-face { font-family: 'Ubuntu'; src: url("./fonts/Ubuntu-Regular.ttf") format("truetype"); } body { min-height: 100vh; font-family: var(--font-family); font-size: var(--font-size); }