:root { 
  --black: #000000;
  --meia-maratonaamarelo: #fbbc19;
  --meia-maratonaazul: #204181;
  --meia-maratonaazul-marinho: #00a7be;
  --meia-maratonabranco: #ffffff;
  --meia-maratonavermelho: #d91a21;
 
  --font-size-l: 14px;
  --font-size-m: 12px;
  --font-size-s: 10px;
  --font-size-xl: 16px;
  --font-size-xxl: 32px;
  --font-size-xxxl: 40px;
  --font-size-xxxxl: 54px;
 
  --font-family-inter: "Inter", Helvetica;
}
.inter-normal-white-12px {
  color: var(--meia-maratonabranco);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.inter-bold-white-32px {
  color: var(--meia-maratonabranco);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
}

.inter-light-white-12px {
  color: var(--meia-maratonabranco);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 300;
}

.inter-semi-bold-white-18px {
  color: var(--meia-maratonabranco);
  font-family: var(--font-family-inter);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
}

.inter-light-bay-of-many-12px {
  color: var(--meia-maratonaazul);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 300;
}

.inter-normal-bay-of-many-18px {
  color: var(--meia-maratonaazul);
  font-family: var(--font-family-inter);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
}

.inter-bold-lightning-yellow-40px {
  color: var(--meia-maratonaamarelo);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 700;
}

.inter-light-bay-of-many-10px {
  color: var(--meia-maratonaazul);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 300;
}

.inter-bold-lightning-yellow-54px {
  color: var(--meia-maratonaamarelo);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 700;
}

.inter-normal-bay-of-many-14px {
  color: var(--meia-maratonaazul);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.inter-bold-white-48px {
  color: var(--meia-maratonabranco);
  font-family: var(--font-family-inter);
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
}