:root {
    --aqua-deep: #084c37;
    --aqua-deep-2: #084c3733;
    --black: #000000;
    --boulder: #73787d;
    --charade: #262a32;
    --crater-brown: #452323;
    --denim: #2f6fc6;
    --eerie-black: #1a1818;
    --frostbite: #e937ad;
    --heavy-metal: #2a2928;
    --hint-of-red: #f9f9f9;
    --mist-gray: #c4c4c4;
    --quick-silver: #a6a6a6;
    --quick-silver-2: #a7a8aa;
    --rose: #ff5656;
    --steel-blue: #007cb0;
    --sunset-orange: #ff6250;
    --te-papa-green: #1d4835;
    --te-papa-green-2: #1d483533;
    --white: #ffffff;
    --font-size-21px: 21px;
    --font-size-l: 18px;
    --font-size-m: 16px;
    --font-size-s: 15px;
    --font-size-xl: 24px;
    --font-size-xs: 14px;
    --font-size-xxl: 25px;
    --font-size-xxs: 12px;
    --font-family-castoro-regular: "Castoro-Regular", Helvetica;
    --font-family-caveat-bold: "Caveat-Bold", Helvetica;
    --font-family-georgia-italic: "Georgia-Italic", Helvetica;
    --font-family-georgia-regular: "Georgia-Regular", Helvetica;
    --font-family-lato-light: "Lato-Light", Helvetica;
    --font-family-lato-regular: "Lato-Regular", Helvetica;
    --font-family-mulish-regular: "Mulish-Regular", Helvetica;
    --font-family-open_sans: "Open Sans", Helvetica;
    --font-family-open_sans-extrabold: "Open Sans-ExtraBold", Helvetica;
    --font-family-open_sans-semibolditalic: "Open Sans-SemiBoldItalic", Helvetica;
    --font-family-roboto-bold: "Roboto-Bold", Helvetica;
    --font-family-roboto-regular: "Roboto-Regular", Helvetica;
}

.article-headline {
    font-family: var(--font-family-georgia-regular);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
}

.feature-caveat {
    font-family: var(--font-family-caveat-bold);
    font-size: var(--font-size-21px);
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0;
}

.opensans-bold-white-15px {
    color: var(--white);
    font-family: var(--font-family-open_sans);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 700;
}

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

.opensans-bold-white-16px {
    font-family: var(--font-family-open_sans);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 700;
}

.georgia-italic-normal-frostbite-18px {
    color: var(--frostbite);
    font-family: var(--font-family-georgia-italic);
    font-size: var(--font-size-l);
    font-style: italic;
    font-weight: 400;
}

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

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

.opensans-semi-bold-steel-blue-16px {
    color: var(--steel-blue);
    font-family: var(--font-family-open_sans);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 600;
}

.roboto-regular-normal-charade-25px {
    color: var(--charade);
    font-family: var(--font-family-roboto-regular);
    font-size: var(--font-size-xxl);
    font-style: normal;
    font-weight: 400;
}

.opensans-normal-black-12px {
    color: var(--black);
    font-family: var(--font-family-open_sans);
    font-size: var(--font-size-xxs);
    font-style: normal;
    font-weight: 400;
}

.opensans-normal-white-15px {
    color: var(--white);
    font-family: var(--font-family-open_sans);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 400;
}

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

.opensans-normal-frostbite-14px {
    color: var(--frostbite);
    font-family: var(--font-family-open_sans);
    font-size: var(--font-size-xs);
    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-m);
    font-style: normal;
    font-weight: 400;
}

.castoro-regular-normal-black-16px {
    color: var(--black);
    font-family: var(--font-family-castoro-regular);
    font-size: var(--font-size-m);
    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-m);
    font-style: normal;
    font-weight: 300;
}

.opensans-normal-quick-silver-16px {
    color: var(--quick-silver);
    font-family: var(--font-family-open_sans);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
}

.opensans-bold-black-14px {
    color: var(--black);
    font-family: var(--font-family-open_sans);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 700;
}

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

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

.opensans-bold-white-16px-2 {
    color: var(--white);
    font-family: var(--font-family-open_sans);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 700;
}

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

.opensans-bold-white-12px {
    font-family: var(--font-family-open_sans);
    font-size: var(--font-size-xxs);
    font-style: normal;
    font-weight: 700;
}

.opensans-bold-black-12px {
    color: var(--black);
    font-family: var(--font-family-open_sans);
    font-size: var(--font-size-xxs);
    font-style: normal;
    font-weight: 700;
}

.opensans-normal-quick-silver-12px {
    color: var(--quick-silver);
    font-family: var(--font-family-open_sans);
    font-size: var(--font-size-xxs);
    font-style: normal;
    font-weight: 400;
}

.opensans-normal-black-13px {
    color: var(--black);
    font-family: var(--font-family-open_sans);
    font-size: 13px;
    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-m);
    font-style: normal;
    font-weight: 400;
}

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

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

.opensans-light-black-32px {
    color: var(--black);
    font-family: var(--font-family-open_sans);
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
}

.lato-regular-normal-black-18px {
    color: var(--black);
    font-family: var(--font-family-lato-regular);
    font-size: var(--font-size-l);
    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-l);
    font-style: normal;
    font-weight: 300;
}

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

.lato-light-black-18px {
    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-18px {
    color: var(--black);
    font-family: var(--font-family-castoro-regular);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 400;
}

.opensans-semi-bold-frostbite-16px {
    color: var(--frostbite);
    font-family: var(--font-family-open_sans);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 600;
}

.opensans-normal-white-12px {
    color: var(--white);
    font-family: var(--font-family-open_sans);
    font-size: var(--font-size-xxs);
    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-xxs);
    font-style: normal;
    font-weight: 400;
}

.opensans-semibolditalic-semi-bold-black-18px {
    color: var(--black);
    font-family: var(--font-family-open_sans-semibolditalic);
    font-size: var(--font-size-l);
    font-style: italic;
    font-weight: 600;
}

.opensans-normal-quick-silver-18px {
    color: var(--quick-silver-2);
    font-family: var(--font-family-open_sans);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 400;
}

.opensans-semi-bold-black-16px {
    color: var(--black);
    font-family: var(--font-family-open_sans);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 600;
}

.opensans-bold-white-14px {
    color: var(--white);
    font-family: var(--font-family-open_sans);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 700;
}

.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;
}

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

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

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

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

.opensans-normal-white-10px {
    color: var(--white);
    font-family: var(--font-family-open_sans);
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
}

.opensans-semi-bold-black-15px {
    color: var(--black);
    font-family: var(--font-family-open_sans);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 600;
}

.opensans-light-white-32px {
    color: var(--white);
    font-family: var(--font-family-open_sans);
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
}

.castoro-regular-normal-black-24px {
    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-aqua-deep-16px {
    color: var(--aqua-deep);
    font-family: var(--font-family-lato-regular);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
}

.opensans-semi-bold-black-18px {
    color: var(--black);
    font-family: var(--font-family-open_sans);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 600;
}

.roboto-regular-normal-white-14px {
    color: var(--white);
    font-family: var(--font-family-roboto-regular);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 400;
}

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

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

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

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