:root {
    --alabaster: #fafafa;
    --big-stone: #1f2b3f;
    --black: #000000;
    --fun-green: #00663a;
    --fun-green-2: #00693c;
    --lima: #69be28;
    --lima-hover: #69be28cc;
    --mist-gray: #c4c4c4;
    --pale-sky: #6c717f;
    --white: #ffffff;
    --font-size-l: 18px;
    --font-size-m: 16px;
    --font-size-s: 14px;
    --font-size-xl: 20px;
    --font-size-xxl: 24px;
    --font-size-xxxl: 32px;
    --font-size-xxxxl: 36px;
    --font-family: "Nunito Sans", Tahoma;
}

.fuente-300-normal-pale-sky-14px {
    color: var(--pale-sky);
    font-family: var(--font-family);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 400;
}

.fuente-700-normal-fun-green-20px {
    color: var(--fun-green);
    font-family: var(--font-family);
    font-size: var(--font-size-xl);
    font-style: normal;
    font-weight: 400;
}

.fuente-300-normal-pale-sky-16px {
    color: var(--pale-sky);
    font-family: var(--font-family);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
}

.fuente-500-normal-pale-sky-14px {
    color: var(--pale-sky);
    font-family: var(--font-family);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 400;
}

.fuente-500-normal-fun-green-16px {
    color: var(--fun-green-2);
    font-family: var(--font-family);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
}

.fuente-500-normal-big-stone-32px {
    color: var(--big-stone);
    font-family: var(--font-family);
    font-size: var(--font-size-xxxl);
    font-style: normal;
    font-weight: 400;
}