:root { 
  --alabaster: #fbfbfb;
  --baby-powder: #fcfcfc;
  --cararra: #ebebeb;
  --celeste: #cccccc;
  --english-walnut: #3f2927;
  --jon: #3c2324;
  --masala: #3d3d3d;
  --pacifika: #7f8024;
  --ship-gray: #3e3e3e;
  --sonic-silver: #737373;
  --white: #ffffff;
 
  --font-size-l: 15px;
  --font-size-m: 14px;
  --font-size-s: 12px;
  --font-size-xl: 16px;
  --font-size-xxl: 18px;
  --font-size-xxxl: 20px;
  --font-size-xxxxl: 25px;
 
  --font-family-blackjack-regular: "BlackJack-Regular", Helvetica;
  --font-family-noto_sans: "Noto Sans", Helvetica;
}
.notosans-medium-white-14px {
  color: var(--white);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.notosans-bold-masala-12px {
  color: var(--masala);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
}

.notosans-normal-white-15px {
  color: var(--white);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.notosans-medium-sonic-silver-14px {
  color: var(--sonic-silver);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.notosans-normal-sonic-silver-12px {
  color: var(--sonic-silver);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.notosans-semi-bold-masala-18px {
  color: var(--masala);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 600;
}

.notosans-semi-bold-jon-15px {
  color: var(--jon);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 600;
}

.notosans-bold-masala-22px {
  color: var(--masala);
  font-family: var(--font-family-noto_sans);
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
}

.notosans-normal-white-19px {
  color: var(--white);
  font-family: var(--font-family-noto_sans);
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
}

.notosans-bold-jon-30px {
  color: var(--jon);
  font-family: var(--font-family-noto_sans);
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
}

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

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

.notosans-bold-jon-22px {
  color: var(--jon);
  font-family: var(--font-family-noto_sans);
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
}

.notosans-bold-white-15px {
  color: var(--white);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.notosans-semi-bold-white-28px {
  color: var(--white);
  font-family: var(--font-family-noto_sans);
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
}

.notosans-bold-english-walnut-14px {
  color: var(--english-walnut);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.notosans-semi-bold-baby-powder-14px {
  color: var(--baby-powder);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

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

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

.notosans-semi-bold-sonic-silver-25px {
  color: var(--sonic-silver);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 600;
}

.notosans-normal-sonic-silver-14px {
  color: var(--sonic-silver);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.notosans-normal-jon-22px {
  color: var(--jon);
  font-family: var(--font-family-noto_sans);
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
}

.notosans-normal-jon-25px {
  color: var(--jon);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 400;
}

.notosans-normal-sonic-silver-20px {
  color: var(--sonic-silver);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 400;
}

.notosans-normal-jon-20px {
  color: var(--jon);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 400;
}

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

.notosans-semi-bold-ship-gray-15px {
  color: var(--ship-gray);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 600;
}

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

.notosans-semi-bold-jon-14px {
  color: var(--jon);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.notosans-bold-white-14px {
  color: var(--white);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.notosans-semi-bold-white-18px {
  color: var(--white);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 600;
}

.notosans-bold-jon-23px {
  color: var(--jon);
  font-family: var(--font-family-noto_sans);
  font-size: 23px;
  font-style: normal;
  font-weight: 700;
}

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

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

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

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

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