:root {
  --primary: "Nexa";
  --secondary: "Georgia";
}

@font-face {
  font-family: "Nexa";
  src: url("../../assets/fonts/Nexa-Book.otf") format("opentype");
  font-weight: 400;
}
@font-face {
  font-family: "Nexa";
  src: url("../../assets/fonts/Nexa-Light.otf") format("opentype");
  font-weight: 100;
}

@font-face {
  font-family: "Nexa";
  src: url("../../assets/fonts/Nexa-Bold.otf") format("opentype");
  font-weight: 700;
}
@font-face {
  font-family: "Nexa";
  src: url("../../assets/fonts/NexaHeavy.otf") format("opentype");
  font-weight: 800;
}
@font-face {
  font-family: "Nexa";
  src: url("../../assets/fonts/NexaBlack.otf") format("opentype");
  font-weight: 900;
}

h1 {
  font-family: var(--primary);
  font-size: 2rem;
  font-weight: 800;
}

h2 {
  font-family: var(--primary);
  font-size: 1.5rem;
  font-weight: 700;
}

h3 {
  font-family: var(--primary);
  font-size: 1.25rem;
  font-weight: 700;
}

h4 {
  font-size: 1.125rem;
  font-family: var(--primary);
  font-weight: 700;
  padding-top: 0.5rem;
  color: var(--grey);
}

.uppercase {
  text-transform: uppercase;
}

/* li, */
p,
input,
.list {
  font-size: 1rem;
  font-family: var(--secondary);
  line-height: 150%;
  color: var(--grey);
}

small {
  font-size: 0.875;
  font-family: var(--secondary);
  line-height: 130%;
  color: var(--grey);
}

.label {
  font-size: 0.875rem;
  font-family: var(--primary);
  font-weight: 700;
  text-transform: uppercase;
  padding-top: 0.25rem;
}

.italic {
  font-style: italic;
}

.default-unorder-list {
  list-style-type: circle;
}