/* Variables */

:root {
    --black: rgba(0, 0, 0, 0.2);
    --x000000: rgba(0, 0, 0, 1);
    --forest-green: rgba(25, 143, 29, 0.298);
    --x198f1e: rgba(25, 143, 29, 1); 
    --taupe: rgba(75, 60, 57, 1);
    --shingle-fawn: rgba(104, 79, 51, 1);
    --x7b7b7b: rgba(123, 123, 123, 1);
    --suva-gray: rgba(136, 136, 136, 1);
    --silver-chalice: rgba(174, 174, 174, 1);
    --b11116: rgba(177, 17, 22, 1);
    --d9d9d9: rgba(217, 217, 217, 1);
    --gray-nurse: rgba(234, 234, 234, 1);
    --red: rgba(255, 0, 0, 1);
    --ffffff: rgba(255, 255, 255, 1);

    --font-size-xs: 1rem;
    --font-size-s: 1.125rem;
    --font-size-m: 1.25rem;
    --font-size-l: 1.375rem;
    --font-size-xl: 1.5625rem;
    --font-size-xxl: 2.5rem;
    --font-size-xxxl: 3.5rem;
    --font-size-xxxxl: 4rem;
    --font-size-l2: 1.875rem;
    --font-size-xxl2: 3.125rem;

    --font-family-poppins: "Poppins";
}


/* Classes */
.poppins-normal-black-16px {
    color: var(--black);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-xs);
    font-weight: 400;
    font-style: normal;
}

.poppins-semi-bold-shingle-fawn-40px {
    color: var(--shingle-fawn);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-xl);
    font-weight: 600;
    font-style: normal;
}

.poppins-medium-forest-green-18px {
    color: var(--x198f1e);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-s);
    font-weight: 500;
    font-style: normal;
}

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

.poppins-medium-black-18px {
    color: var(--x000000);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-s);
    font-weight: 500;
    font-style: normal;
}

.poppins-normal-concord-16px {
    color: var(--x7b7b7b);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-xs);
    font-weight: 400;
    font-style: normal;
}

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

.poppins-medium-white-50px {
    color: var(--ffffff);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-xxl2);
    font-weight: 500;
    font-style: normal;
}

.poppins-medium-white-56px {
    color: var(--ffffff);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-xxxl);
    font-weight: 700;
    font-style: normal;
}

.poppins-semi-bold-concord-30px {
    color: var(--x7b7b7b);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-l2);
    font-weight: 600;
    font-style: normal;
}

.poppins-semi-bold-white-16px {
    color: var(--ffffff);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-xs);
    font-weight: 600;
    font-style: normal;
}

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

.poppins-medium-black-30px {
    color: var(--x000000);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-l2);
    font-weight: 500;
    font-style: normal;
}

.poppins-medium-concord-18px {
    color: var(--x7b7b7b);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-s);
    font-weight: 500;
    font-style: normal;
}

.poppins-normal-milano-red-16px {
    color: var(--b11116);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-xs);
    font-weight: 400;
    font-style: normal;
}

.poppins-semi-bold-white-40px {
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-xl);
    font-weight: 600;
    font-style: normal;
}

.poppins-medium-suva-gray-18px {
    color: var(--suva-gray);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-s);
    font-weight: 500;
    font-style: normal;
}

.poppins-medium-forest-green-20px {
    color: var(--x198f1e);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-m);
    font-weight: 500;
    font-style: normal;
}

.poppins-semi-bold-white-80px {
    color: var(--ffffff);
    font-family: var(--font-family-poppins);
    font-size: 80px;
    font-weight: 600;
    font-style: normal;
}

.poppins-medium-black-28px {
    color: var(--x000000);
    font-family: var(--font-family-poppins);
    font-size: 28px;
    font-weight: 500;
    font-style: normal;
}

.poppins-semi-bold-black-56px {
    color: var(--x000000);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-xxxl);
    font-weight: 600;
    font-style: normal;
}

.poppins-medium-silver-chalice-18px {
    color: var(--silver-chalice);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-s);
    font-weight: 500;
    font-style: normal;
}

.poppins-normal-taupe-18px {
    color: var(--taupe);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-s);
    font-weight: 400;
    font-style: normal;
}

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

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

.poppins-normal-red-16px {
    color: var(--red);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-xs);
    font-weight: 400;
    font-style: normal;
}

.poppins-semi-bold-black-30px {
    color: var(--x000000);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-l2);
    font-weight: 600;
    font-style: normal;
}

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

.poppins-medium-concord-20px {
    color: var(--x7b7b7b);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-m);
    font-weight: 500;
    font-style: normal;
}

.poppins-medium-black-25px {
    color: var(--x000000);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-xl);
    font-weight: 500;
    font-style: normal;
}

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

.poppins-medium-taupe-18px {
    color: var(--taupe);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-s);
    font-weight: 500;
    font-style: normal;
}

.poppins-bold-white-50px {
    color: var(--ffffff);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-xxl2);
    font-weight: 700;
    font-style: normal;
}