@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;700&display=swap');

:root { 
  --dove-gray: #707070;
  --regal-blue: #003e7a;
  --sail: #bee2f0;
  --silver-chalice: #aaadad;
  --trinidad: #ee4e14;
  --white: #ffffff;
 
  --font-size-l: 45px;
  --font-size-m: 42px;
  --font-size-s: 32px;
  --font-size-xl: 52px;
  --font-size-xs: 24px;
  --font-size-xxl: 66px;
  --font-size-xxs: 23px;
 
  --font-family-fontawesome_5_brands-regular: "Font Awesome 5 Free", Helvetica;
  --font-family-fontawesome_5_free-solid: "FontAwesome 5 Free-Solid", Helvetica;
  --font-family-titillium_web: "Titillium Web", Helvetica;
}


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

.titilliumweb-bold-white-45px {
  color: var(--white);
  font-family: var(--font-family-titillium_web);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.titilliumweb-bold-white-23px {
  color: var(--white);
  font-family: var(--font-family-titillium_web);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 700;
}

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

.titilliumweb-bold-white-66px {
  color: var(--white);
  font-family: var(--font-family-titillium_web);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
}

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

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