/* 
------------ TYPOGRAPHY ------------ 

FONT SIZES
12px /16px / 20px / 24px / 32px / 40px / 48px / 62px

FONT WEIGHTS
400 / 700

LINE HEIGHTS 
1.2 / 1.5

LETTER SPACING
0 / -2px

FONT FAMILY 
Poppins


------------ COLORS ------------ 

PRIMARY 
Base: #339af0 (Sky Blue)
Tint: #d0ebff (Arctic)
Shade: #1c7ed6 (Deep Sea)

SECONDARY
Base:  (Lavender)
Tint: #c5dbff (Moonlight Iris)
Shade: #1c7ed6 (Deep Sea)

TERTIARY 
Base: #ff922b (Pumpkin)
Tint: #f1f3f5 (Dawn)
Shade: #f76707 (Lava)

GREY
Base: #495057 (Charcoal)
Tint: #f1f3f5 (Pebble)
Shade: #212529 (Graphite)





*/


h1, h2, h3, h4, h5 {
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -2px;
  font-family: 'Poppins', sans-serif;
  color: #212529;
}





h1 {
  text-align: center;
  font-size: 62px;
}

h2 {
 text-align: center;
 font-size: 48px;
}


h3 {
 font-size: 40px;
}


h4 {
  font-size: 32px;
}


h5 {
  font-size: 24px;
}

p, a, .small-text {
 font-weight: 400;
 line-height: 1.5;
 font-family: 'Poppins', sans-serif;
 color: #495057;

}

p {
 font-size: 20px;
}

a {
  text-decoration: none;
  font-size: 16px;
}

ul {
  list-style: none;
}

.small-text {
  font-size: 12px;
}

.btn {
  font-weight: 400;
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  text-decoration: none;
}

.btn-primary {
  color: #339af0;
}

.btn-secondary {
  color:  #9775fa;
}