:root { 
  --cerulean: #26aade;
  --dove-gray: #707070;
  --granite-gray: #686868;
  --guardsman-red: #cf0407;
  --mandarin-pearl: #f37b3d;
  --midnight-blue: #003770;
  --orient: #00638a;
  --silver: #c1c1c1;
  --tarawera: #003a51;
  --white: #ffffff;
 
  --font-size-l: 21px;
  --font-size-m: 20px;
  --font-size-s: 17px;
  --font-size-xl: 30px;
  --font-size-xs: 16px;
 
  --font-family-arial: "Arial", Helvetica;
  --font-family-arial-black: "Arial-Black", Helvetica;
  --font-family-arial-bold: "Arial-Bold", Helvetica;
  --font-family-arial-italic: "Arial-Italic", Helvetica;
  --font-family-arial-regular: "Arial-Regular", Helvetica;
  --font-family-segoeui-bold: "SegoeUI-Bold", Helvetica;
  --font-family-segoeui-regular: "SegoeUI-Regular", Helvetica;
}
.arial-regular-normal-white-20px {
  color: var(--white);
  font-family: var(--font-family-arial-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

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

.arial-bold-orient-20px {
  color: var(--orient);
  font-family: var(--font-family-arial-bold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

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

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

.segoeui-regular-normal-midnight-blue-20px {
  color: var(--midnight-blue);
  font-family: var(--font-family-segoeui-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.segoeui-bold-midnight-blue-30px {
  color: var(--midnight-blue);
  font-family: var(--font-family-segoeui-bold);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

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

.arial-italic-normal-white-21px {
  color: var(--white);
  font-family: var(--font-family-arial-italic);
  font-size: var(--font-size-l);
  font-style: italic;
  font-weight: 400;
}

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

.arial-black-tarawera-30px {
  color: var(--tarawera);
  font-family: var(--font-family-arial-black);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 900;
}

.arial-regular-normal-midnight-blue-20px {
  color: var(--midnight-blue);
  font-family: var(--font-family-arial-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

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

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

.arial-normal-white-20px {
  color: var(--white);
  font-family: var(--font-family-arial);
  font-size: var(--font-size-m);
}

.arial-bold-midnight-blue-20px {
  color: var(--midnight-blue);
  font-family: var(--font-family-arial-bold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

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

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