:root { 
  --aqua-deep: #084c37;
  --black: #000000;
  --black-2: #00000082;
  --denim: #2f6fc6;
  --heavy-metal: #2a2928;
  --hint-of-red: #f9f9f9;
  --hint-of-red-2: #f9f9f9cc;
  --rose: #ff5656;
  --te-papa-green: #1d4835;
  --white: #ffffff;
 
  --font-size-l: 16px;
  --font-size-m: 14px;
  --font-size-s: 12px;
  --font-size-xl: 18px;
  --font-size-xxl: 21px;
  --font-size-xxxl: 24px;
  --font-size-xxxxl: 26px;
 
  --font-family-castoro-regular: "Castoro-Regular", Helvetica;
  --font-family-caveat-regular: "Caveat-Regular", Helvetica;
  --font-family-lato-light: "Lato-Light", Helvetica;
  --font-family-lato-regular: "Lato-Regular", Helvetica;
  --font-family-mulish-regular: "Mulish-Regular", Helvetica;
}
.lato-regular-normal-black-14px {
  color: var(--black);
  font-family: var(--font-family-lato-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.lato-regular-normal-black-18px {
  color: var(--black);
  font-family: var(--font-family-lato-regular);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.lato-regular-normal-black-16px {
  color: var(--black);
  font-family: var(--font-family-lato-regular);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.lato-light-black-16px {
  color: var(--black);
  font-family: var(--font-family-lato-light);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 300;
}

.castoro-regular-normal-black-16px {
  color: var(--black);
  font-family: var(--font-family-castoro-regular);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.lato-regular-normal-black-12px {
  color: var(--black);
  font-family: var(--font-family-lato-regular);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.caveat-regular-normal-rose-21px {
  color: var(--rose);
  font-family: var(--font-family-caveat-regular);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

.lato-light-white-18px {
  color: var(--white);
  font-family: var(--font-family-lato-light);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 300;
}

.lato-light-black-18px {
  color: var(--black);
  font-family: var(--font-family-lato-light);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 300;
}

.lato-regular-normal-white-12px {
  color: var(--white);
  font-family: var(--font-family-lato-regular);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.mulish-regular-normal-black-26px {
  color: var(--black);
  font-family: var(--font-family-mulish-regular);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 400;
}

.castoro-regular-normal-black-18px {
  color: var(--black);
  font-family: var(--font-family-castoro-regular);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.lato-regular-normal-white-16px {
  color: var(--white);
  font-family: var(--font-family-lato-regular);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.lato-regular-normal-black-12px-2 {
  color: var(--black-2);
  font-family: var(--font-family-lato-regular);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.lato-regular-normal-te-papa-green-12px {
  color: var(--te-papa-green);
  font-family: var(--font-family-lato-regular);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.lato-regular-normal-te-papa-green-23px {
  color: var(--te-papa-green);
  font-family: var(--font-family-lato-regular);
  font-size: 23px;
  font-style: normal;
  font-weight: 400;
}

.castoro-regular-normal-black-24px {
  color: var(--black);
  font-family: var(--font-family-castoro-regular);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 400;
}

.castoro-regular-normal-black-40px {
  color: var(--black);
  font-family: var(--font-family-castoro-regular);
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
}

.lato-regular-normal-aqua-deep-16px {
  color: var(--aqua-deep);
  font-family: var(--font-family-lato-regular);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.border-1px-heavy-metal {
  border: 1px solid var(--heavy-metal);
}

.border-2px-white {
  border: 2px solid var(--white);
}

.border-1px-te-papa-green {
  border: 1px solid var(--te-papa-green);
}