:root {
    --alto: #dedede;
    --chicago: #595959;
    --desert-storm: #f8f8f8;
    --gallery: #ededed;
    --gigas: #5c2e91;
    --pizazz: #ff8d00;
    --purple-heart: #5f0edd;
    --purple-heart-2: #5524d5;
    --shark: #2d2829;
    --shark-2: #272727;
    --white: #ffffff;
    --font-size-l: 14px;
    --font-size-m: 12px;
    --font-size-xl: 16px;
    --font-size-xxl: 18px;
    --font-size-xxxl: 20px;
    --font-size-xxxxl: 24px;
    --font-size-xxxxxl: 52px;
    --font-family-montserrat: "Montserrat", Helvetica;
    --font-family-open_sans: "Open Sans", Helvetica;
}

.montserrat-medium-chicago-14px {
    color: var(--chicago);
    font-family: var(--font-family-montserrat);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 500;
}

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

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

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

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

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

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

.opensans-semi-bold-white-20px {
    color: var(--white);
    font-family: var(--font-family-open_sans);
    font-size: var(--font-size-xxxl);
    font-style: normal;
    font-weight: 600;
}

.montserrat-medium-shark-16px {
    color: var(--shark-2);
    font-family: var(--font-family-montserrat);
    font-size: var(--font-size-xl);
    font-style: normal;
    font-weight: 500;
}

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