:root {
    --abbey: #4e4e4e;
    --alto: #d9d9d9;
    --astronaut: #293d6f;
    --black: #000000;
    --black-squeeze: #f3fafd;
    --celeste: #cfcfcfde;
    --dull-lavender: #a5a5e7;
    --east-bay: #3b4d7a;
    --red: #ff0000;
    --san-juan: #384974;
    --vista-white: #fbf7f4;
    --white: #ffffff;
    --font-size-m: 22px;
    --font-size-s: 31px;
    --font-size-xs: 22px;
    --font-size-xxs: 28px;
    --font-size-xxxs: 25px;
    --font-size-xxxxs: 20px;
    --font-size-xxxxxs: 18px;
    --font-family-cera_pro-black: "Cera Pro-Black", Helvetica;
    --font-family-cera_pro-bold: "Cera Pro-Bold", Helvetica;
    --font-family-cera_pro-medium: "Cera Pro-Medium", Helvetica;
    --font-family-skie-bold: "Skie-Bold", Helvetica;
    --font-family-skie-extrabold: "Skie-ExtraBold", Helvetica;
    --font-family-skie-medium: "Skie-Medium", Helvetica;
    --font-family-skie-regular: "Skie-Regular", Helvetica;
    --font-family-skie-semibold: "Skie-SemiBold", Helvetica;
}

.skie-medium-white-18px {
    color: var(--white);
    font-family: var(--font-family-skie-medium);
    font-size: var(--font-size-xxxxxs);
    font-style: normal;
    font-weight: 500;
}

.skie-regular-normal-white-25px {
    color: var(--white);
    font-family: var(--font-family-skie-regular);
    font-size: var(--font-size-xxxs);
    font-style: normal;
    font-weight: 400;
}

.cerapro-medium-white-16px {
    color: var(--white);
    font-family: var(--font-family-cera_pro-medium);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}

.skie-extra-extra-bold-white-20px {
    color: var(--white);
    font-family: var(--font-family-skie-extrabold);
    font-size: var(--font-size-xxxxs);
    font-style: normal;
    font-weight: 800;
}

.skie-extra-extra-bold-white-30px {
    color: var(--white);
    font-family: var(--font-family-skie-extrabold);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 800;
}

.skie-extra-extra-bold-white-29px {
    color: var(--white);
    font-family: var(--font-family-skie-extrabold);
    font-size: 29px;
    font-style: normal;
    font-weight: 800;
}

.skie-medium-white-12px {
    color: var(--white);
    font-family: var(--font-family-skie-medium);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
}

.skie-semi-bold-black-30px {
    color: var(--black);
    font-family: var(--font-family-skie-semibold);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 600;
}

.skie-medium-white-16px {
    color: var(--white);
    font-family: var(--font-family-skie-medium);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}

.skie-regular-normal-abbey-22px {
    color: var(--abbey);
    font-family: var(--font-family-skie-regular);
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
}

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

.skie-extra-extra-bold-white-18px {
    color: var(--white);
    font-family: var(--font-family-skie-extrabold);
    font-size: var(--font-size-xxxxxs);
    font-style: normal;
    font-weight: 800;
}

.skie-extra-extra-bold-white-22px {
    color: var(--white);
    font-family: var(--font-family-skie-bold);
    font-size: 22px;
    font-style: normal;
    font-weight: 800;
}

.skie-extra-extra-bold-white-16px {
    color: var(--white);
    font-family: var(--font-family-skie-extrabold);
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
}

.skie-medium-astronaut-35px {
    color: var(--astronaut);
    font-family: var(--font-family-skie-medium);
    font-size: 35px;
    font-style: normal;
    font-weight: 500;
}

.skie-extra-extra-bold-astronaut-40px {
    color: var(--astronaut);
    font-family: var(--font-family-skie-extrabold);
    font-size: 40px;
    font-style: normal;
    font-weight: 800;
}

.skie-medium-astronaut-22px {
    color: var(--astronaut);
    font-family: var(--font-family-skie-medium);
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
}

.skie-semi-bold-white-31px {
    color: var(--white);
    font-family: var(--font-family-skie-semibold);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 600;
}

.skie-extra-extra-bold-astronaut-22px {
    color: var(--astronaut);
    font-family: var(--font-family-skie-extrabold);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 800;
}

.skie-bold-astronaut-50px {
    color: var(--astronaut);
    font-family: var(--font-family-skie-bold);
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
}

.skie-bold-abbey-33px {
    color: var(--abbey);
    font-family: var(--font-family-skie-bold);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 700;
}

.skie-extra-extra-bold-astronaut-26px {
    color: var(--astronaut);
    font-family: var(--font-family-skie-extrabold);
    font-size: 26px;
    font-style: normal;
    font-weight: 800;
}

.skie-bold-astronaut-45px {
    color: var(--astronaut);
    font-family: var(--font-family-skie-bold);
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
}

.skie-bold-astronaut-34px {
    color: var(--astronaut);
    font-family: var(--font-family-skie-bold);
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
}

.skie-semi-bold-white-28px {
    font-family: var(--font-family-skie-semibold);
    font-size: var(--font-size-xxs);
    font-style: normal;
    font-weight: 600;
}

.skie-semi-bold-white-28px-2 {
    color: var(--white);
    font-family: var(--font-family-skie-semibold);
    font-size: var(--font-size-xxs);
    font-style: normal;
    font-weight: 600;
}

.skie-semi-bold-celeste-28px {
    color: var(--celeste);
    font-family: var(--font-family-skie-semibold);
    font-size: var(--font-size-xxs);
    font-style: normal;
    font-weight: 600;
}

.skie-medium-astronaut-28px {
    color: var(--astronaut);
    font-family: var(--font-family-skie-medium);
    font-size: var(--font-size-xxs);
    font-style: normal;
    font-weight: 500;
}

.skie-extra-extra-bold-white-34px {
    color: var(--white);
    font-family: var(--font-family-skie-extrabold);
    font-size: 34px;
    font-style: normal;
    font-weight: 800;
}

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

.skie-extra-extra-bold-astronaut-65px {
    color: var(--astronaut);
    font-family: var(--font-family-skie-extrabold);
    font-size: 65px;
    font-style: normal;
    font-weight: 800;
}

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

.skie-bold-white-29px {
    color: var(--white);
    font-family: var(--font-family-skie-bold);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
}

.skie-extra-extra-bold-white-70px {
    color: var(--white);
    font-family: var(--font-family-skie-extrabold);
    font-size: 70px;
    font-style: normal;
    font-weight: 800;
}

.skie-extra-extra-bold-astronaut-35px {
    color: var(--astronaut);
    font-family: var(--font-family-skie-extrabold);
    font-size: 35px;
    font-style: normal;
    font-weight: 800;
}

.skie-bold-white-35px {
    color: var(--white);
    font-family: var(--font-family-skie-bold);
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
}

.skie-medium-white-25px {
    color: var(--white);
    font-family: var(--font-family-skie-medium);
    font-size: var(--font-size-xxxs);
    font-style: normal;
    font-weight: 500;
}

.skie-semi-bold-white-20px {
    color: var(--white);
    font-family: var(--font-family-skie-semibold);
    font-size: var(--font-size-xxxxs);
    font-style: normal;
    font-weight: 600;
}

.cerapro-bold-astronaut-17px {
    color: var(--astronaut);
    font-family: var(--font-family-cera_pro-bold);
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
}

.skie-medium-white-26px {
    color: var(--white);
    font-family: var(--font-family-skie-medium);
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
}

.skie-medium-white-28px {
    color: var(--white);
    font-family: var(--font-family-skie-medium);
    font-size: var(--font-size-xxs);
    font-style: normal;
    font-weight: 500;
}

.cerapro-black-white-20px {
    color: var(--white);
    font-family: var(--font-family-cera_pro-black);
    font-size: var(--font-size-xxxxs);
    font-style: normal;
    font-weight: 900;
}

.skie-extra-extra-bold-astronaut-20px {
    color: var(--astronaut);
    font-family: var(--font-family-skie-extrabold);
    font-size: var(--font-size-xxxxs);
    font-style: normal;
    font-weight: 800;
}

.cerapro-bold-white-24px {
    color: var(--white);
    font-family: var(--font-family-cera_pro-bold);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
}

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

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

.skie-extra-extra-bold-red-29px {
    color: var(--red);
    font-family: var(--font-family-skie-extrabold);
    font-size: 29px;
    font-style: normal;
    font-weight: 800;
}

.skie-extra-extra-bold-red-45px {
    color: var(--red);
    font-family: var(--font-family-skie-extrabold);
    font-size: 45px;
    font-style: normal;
    font-weight: 800;
}

.skie-bold-white-40px {
    color: var(--white);
    font-family: var(--font-family-skie-bold);
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
}