Typography
<h1>
font-family: AvenirNext;
font-size: 32px;
font-weight: 500;
line-height: 1.25;
letter-spacing: normal;
<h2>
font-family: AvenirNext;
font-size: 28px;
font-weight: 500;
line-height: 1.25;
letter-spacing: normal;
<p>
font-family: AvenirNext;
font-size: 18px;
font-weight: 500;
line-height: 1.56;
letter-spacing: normal;
.text-uppercase
font-family: AvenirNext;
font-size: 12px;
font-weight: 600;
line-height: 2.33;
letter-spacing: 0.2px;
.text-uppercase-smaller
font-family: AvenirNext;
font-size: 10px;
font-weight: 600;
line-height: 2.33;
letter-spacing: 0.2px;
.text-smaller
font-family: AvenirNext;
font-size: 10px;
font-weight: 600;
line-height: 2.33;
letter-spacing: 0.2px;
.text-smallest
font-family: AvenirNext;
font-size: 14px;
font-weight: 500;
line-height: 1.57;
letter-spacing: normal;
Backgrounds
.bg-green
.bg-pink
.bg-yellow
.bg-light-gray
.bg-gray
.bg-green-gradient-animation
.bg-yellow-pink-gradient-animation
Boxes
.box
.box.box--background-image
.box.box--outlined