:root {
  --navy: #486893;
  --violet: #bf9bbe;
  --green: #dbe8ae;
  --lightgray: #ecf3f6;
  --lightblue: #c4e5ef;
  --blue: #80c8da;
  --fontcolor: #494c4e;
}

* {
  font-family: 'Hind', sans-serif;
}

.brand {
  font-family: 'Mate SC', serif;
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
}

.brandblue {
  color: var(--navy);
  font-family: 'Mate SC', serif;
}

h1 {
  /* font-size: 2.25rem !important; */
  font-weight: 600 !important;
  font: bold;
}

h2 {
  font-weight: 600 !important;
  font: bold;
  color: var(--navy);
}

h3,
h4 {
  /* font-size: 1.75rem !important; */
  font-weight: 600 !important;
  font: bold;
  color: var(--navy);
}

p {
  color: var(--fontcolor);
}