:root { 
  --black: #000000;
  --fun-green: #009c3b;
  --green: #00ff11;
  --gunsmoke: #808691;
  --malachite: #02e557;
  --midnight-moss: #001200;
  --mirage: #0f192f;
  --onyx: #373737;
  --white: #ffffff;
 
  --font-size-l: 15.4px;
  --font-size-m: 14px;
  --font-size-s: 12.3px;
  --font-size-xl: 16px;
  --font-size-xxl: 18.2px;
  --font-size-xxxl: 20.6px;
  --font-size-xxxxl: 22.7px;
 
  --font-family-bai_jamjuree: "Bai Jamjuree", Helvetica;
  --font-family-nunito: "Nunito", Helvetica;
  --font-family-roboto: "Roboto", Helvetica;
}
.nunito-normal-white-14px {
  color: var(--white);
  font-family: var(--font-family-nunito);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.baijamjuree-semi-bold-white-16px {
  color: var(--white);
  font-family: var(--font-family-bai_jamjuree);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 600;
}

.roboto-bold-white-15-4px {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.nunito-bold-white-16px {
  color: var(--white);
  font-family: var(--font-family-nunito);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

.roboto-bold-white-12-3px {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
}

.nunito-bold-white-15-4px {
  color: var(--white);
  font-family: var(--font-family-nunito);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}