Front-end Style Guide

Layout

The designs were created to the following widths:

Mobile: 375px
Desktop: 1440px

Colors

Primary

Soft blue: hsl(215, 51%, 70%)
Cyan: hsl(178, 100%, 50%)

Neutral

--main-bg: hsl(217, 54%, 11%)
--card-bg: hsl(216, 50%, 16%)
--line-color: hsl(215, 32%, 27%)
--white: hsl(0, 0%, 100%)

Typography

Body Copy

Font size (paragraph): 18px

Font

Family: Outfit
Weights: 300, 400, 600