:root { 
  --astronaut-blue: #004764;
  --black: #000000;
  --conifer: #b2cf44;
  --dingley: #5f7044;
  --prussian-blue: #00374d;
  --seashell: #f1f1f1;
  --te-papa-green: #104639;
  --white: #ffffff;
 
  --font-size-xs: 0.875rem;         /* 14px */
  --font-size-s: 1.25rem;           /* 20px */
  --font-size-m: 1.5625rem;         /* 25px */
  --font-size-l: 1.875rem;          /* 30px */
  --font-size-xl: 2.1875rem;        /* 35px */
  --font-size-xxl: 2.5rem;          /* 40px */
  --font-size-xxxl: 3.125rem;       /* 50px */
  --font-size-xxxxl: 3.75rem;       /* 60px */
 
  --font-family-futurapt-heavy: "FuturaPT-Heavy", Helvetica;
  --font-family-open_sans: "Open Sans", Helvetica;
  --font-family-poppins: "Poppins", Helvetica;
  --font-family-segoeui-regular: "SegoeUI-Regular", Helvetica;
  --font-family-poppins-extralight: "Poppins-Extralight", Helvetica;
  --font-family-light: "Poppins-Light", Helvetica;
  --font-family-regular: "Poppins-Regular", Helvetica;
  --font-family-medium: "Poppins-Medium", Helvetica;
  --font-family-bold: "Poppins-Bold", Helvetica;
  --font-family-extrabold: "Poppins-Extrabold", Helvetica;

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

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

.poppins-bold-prussian-blue-27px {
  color: var(--prussian-blue);
  font-family: var(--font-family-poppins);
  font-size: 27px;
  font-style: normal;
  font-weight: 700;
}

.poppins-bold-prussian-blue-35px {
  color: var(--prussian-blue);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
}

.poppins-bold-prussian-blue-25px {
  color: var(--prussian-blue);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.poppins-bold-black-10px {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
}

.opensans-extra-bold-black-35px {
  color: var(--black);
  font-family: var(--font-family-open_sans);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 800;
}

.poppins-normal-black-20px {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.poppins-extra-light-black-30px {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 200;
}

.opensans-extra-bold-black-40px {
  color: var(--black);
  font-family: var(--font-family-open_sans);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 800;
}

.opensans-extra-bold-white-20px {
  color: var(--white);
  font-family: var(--font-family-open_sans);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 800;
}

.opensans-extra-bold-white-25px {
  color: var(--white);
  font-family: var(--font-family-open_sans);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 800;
}

.opensans-extra-bold-black-20px {
  color: var(--black);
  font-family: var(--font-family-open_sans);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 800;
}

.poppins-light-conifer-25px {
  color: var(--conifer);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 300;
}

.poppins-light-white-25px {
  color: var(--white);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 300;
}

.poppins-light-white-20px {
  color: var(--white);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 300;
}

.poppins-light-black-40px {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 300;
}

.opensans-extra-bold-white-40px {
  color: var(--white);
  font-family: var(--font-family-open_sans);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 800;
}

.poppins-extra-light-white-30px {
  color: var(--white);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 200;
}

.opensans-extra-bold-white-35px {
  color: var(--white);
  font-family: var(--font-family-open_sans);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 800;
}

.poppins-normal-black-15px {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
}

.poppins-extra-light-black-35px {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 200;
}

.poppins-normal-conifer-15px {
  color: var(--conifer);
  font-family: var(--font-family-poppins);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
}

.poppins-light-black-25px-2 {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-l);
}

.opensans-extra-bold-black-27px {
  color: var(--black);
  font-family: var(--font-family-open_sans);
  font-size: 27px;
  font-style: normal;
  font-weight: 800;
}

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

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

.border-5px-astronaut-blue {
  border: 5px solid var(--astronaut-blue);
}

.border-4px-conifer {
  border: 4px solid var(--conifer);
}