:root { 
  --alabaster: #fafafa;
  --blue-chill: #1b8e91;
  --cultured-pearl: #f4f5f8;
  --dove-gray: #707070;
  --elm: #17797c;
  --goldenrod: #fccc6c;
  --granite-gray: #666666;
  --international-orange: #ff5400;
  --licorice: #131313;
  --maroon-flush: #b7244f;
  --romance: #fdfdfd;
  --white: #ffffff;
 
  --font-size-l: 40px;
  --font-size-m: 32px;
  --font-size-s: 30px;
  --font-size-xl: 50px;
  --font-size-xs: 20px;
  --font-size-xxl: 40px;
  --font-size-xxxl: 50px;
 
  --font-family-arial-regular: "Arial-Regular", Helvetica;
  --font-family-somar: "Somar", Helvetica;
  --font-family-somar-bold: "Somar-Bold", Helvetica;
  --font-family-somar-extrabold: "Somar-ExtraBold", Helvetica;
  --font-family-somar-light: "Somar-Light", Helvetica;
  --font-family-somar-medium: "Somar-Medium", Helvetica;
  --font-family-somar-regular: "Somar-Regular", Helvetica;
  --font-family-somar-semibold: "Somar-SemiBold", Helvetica;
}
.somar-bold-elm-40px {
  color: var(--elm)!important;
  font-family: var(--font-family-somar-bold);
  /* font-size: var(--font-size-l); */
  font-style: normal;
  font-weight: 700;
}
.somar-bold-blue{
  font-family: var(--font-family-somar-bold);
  color: var(--elm)!important;
  font-style: normal;
  font-weight: 700;
}
.regular-bold-blue{
  font-family: var(--font-family-somar-light);
  color: var(--elm)!important;

}
.regular-bold-grey{
  font-family: var(--font-family-somar-light);
   color: var(--dove-gray)!important;
}
.somar-medium-alabaster-45px {
  color: var(--alabaster);
  font-family: var(--font-family-somar-medium);
  font-size: 45px;
  font-style: normal;
  font-weight: 500;
}
.send{
  font-family: var(--font-family-somar-semibold);
  font-size: var(--font-size-l);
  color: white;
}
.somar-extra-extra-bold-elm-80px {
  color: var(--elm);
  font-family: var(--font-family-somar-extrabold);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 800;
}

.somar-regular-normal-granite-gray-28px {
  color: var(--granite-gray);
  font-family: var(--font-family-somar-regular);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.somar-light-granite-gray-32px {
  color: var(--granite-gray);
  font-family: var(--font-family-somar-light);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 300;
}

.somar-semi-bold-elm-35px {
  color: var(--elm);
  font-family: var(--font-family-somar-semibold);
  font-size: 35px;
  font-style: normal;
  font-weight: 600;
}

.somar-regular-normal-granite-gray-55px {
  color: var(--granite-gray);
  font-family: var(--font-family-somar-regular);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

.somar-light-dove-gray-30px {
  color: var(--dove-gray);
  font-family: var(--font-family-somar-light);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 300;
}

.somar-regular-normal-granite-gray-50px {
  color: var(--granite-gray);
  font-family: var(--font-family-somar-regular);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.somar-regular-normal-granite-gray-32px {
  color: var(--granite-gray);
  font-family: var(--font-family-somar-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.somar-light-granite-gray-30px {
  color: var(--granite-gray);
  font-family: var(--font-family-somar-light);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 300;
}

.somar-light-granite-gray-60px {
  color: var(--granite-gray);
  font-family: var(--font-family-somar-light);
  font-size: 40px;
  font-style: normal;
  font-weight: 300;
}

.somar-medium-cultured-pearl-45px {
  color: var(--cultured-pearl);
  font-family: var(--font-family-somar-medium);
  font-size: 45px;
  font-style: normal;
  font-weight: 500;
}

.somar-light-dove-gray-50px {
  color: var(--dove-gray);
  font-family: var(--font-family-somar-light);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 300;
}

.somar-light-granite-gray-50px {
  color: var(--granite-gray);
  font-family: var(--font-family-somar-light);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 300;
}

.somar-light-granite-gray-22px {
  color: var(--granite-gray);
  font-family: var(--font-family-somar-light);
  font-size: 22px;
  font-style: normal;
  font-weight: 300;
}

.somar-regular-normal-granite-gray-30px {
  color: var(--granite-gray);
  font-family: var(--font-family-somar-regular);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.somar-light-granite-gray-21px {
  color: var(--granite-gray);
  font-family: var(--font-family-somar-light);
  font-size: 21px;
  font-style: normal;
  font-weight: 300;
}

.somar-bold-elm-60px {
  color: var(--elm);
  font-family: var(--font-family-somar-bold);
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
}

.somar-extra-extra-bold-elm-100px {
  color: var(--elm);
  font-family: var(--font-family-somar-extrabold);
  font-size: 100px;
  font-style: normal;
  font-weight: 800;
}

.somar-bold-maroon-flush-100px {
  color: var(--maroon-flush);
  font-family: var(--font-family-somar-bold);
  /* font-size: 100px; */
  font-style: normal;
  font-weight: 700;
}

.somar-semi-bold-dove-gray-45px {
  color: var(--dove-gray);
  font-family: var(--font-family-somar-semibold);
  font-size: 45px;
  font-style: normal;
  font-weight: 600;
}

.somar-extra-extra-bold-elm-110px {
  color: var(--elm);
  font-family: var(--font-family-somar-extrabold);
  font-size: 60px;
  font-style: normal;
  font-weight: 800;
}

.somar-regular-normal-dove-gray-45px {
  color: var(--dove-gray);
  font-family: var(--font-family-somar-regular);
  font-size: 45px;
  font-style: normal;
  font-weight: 400;
}

.somar-semi-bold-granite-gray-50px {
  color: var(--granite-gray);
  font-family: var(--font-family-somar-semibold);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 600;
}

.somar-light-dove-gray-40px {
  color: var(--dove-gray);
  font-family: var(--font-family-somar-light);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 300;
}

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

.border-1px-licorice {
  border: 1px solid var(--licorice);
}

.border-1px-dove-gray {
  border: 1px solid var(--dove-gray);
}

.border-5px-elm {
  border: 5px solid var(--elm);
}