:root { 
  --alice-blue: #f0f4fc;
  --black: #000000;
  --black-haze: #f6f6f6;
  --blue-whale: #042a41;
  --clementine: #ed6f00;
  --dove-gray: #707070;
  --fuzzy-wuzzy: #001c71;
  --granite-gray: #686868;
  --heavy-metal: #2b2b2b;
  --hint-of-red: #f9f9f9;
  --iron: #d8d8d8;
  --jordy-blue: #91b3fa;
  --midnight-blue: #002a64;
  --midnight-blue-2: #00346c;
  --midnight-blue-3: #124577;
  --mine-shaft: #323232;
  --mountain-mist: #979797;
  --mystic: #e5e8eb;
  --regal-blue: #003976;
  --regent-gray: #80939e;
  --romance: #fdfdfd;
  --shark: #1d252c;
  --silver: #c1c1c1;
  --sonic-silver: #777777;
  --thunder: #312b26;
  --white: #ffffff;
 
  --font-size-l: 18px;
  --font-size-m: 16px;
  --font-size-s: 14px;
  --font-size-xl: 20px;
  --font-size-xxl: 22px;
  --font-size-xxxl: 30px;
  --font-size-xxxxl: 60px;
 
  --font-family-arial: "Arial", Helvetica;
  --font-family-arial-bold: "Arial-Bold", Helvetica;
  --font-family-arial-bolditalic: "Arial-BoldItalic", Helvetica;
  --font-family-arial-boldmt: "Arial-BoldMT", Helvetica;
  --font-family-arial-italic: "Arial-Italic", Helvetica;
  --font-family-arial-italicmt: "Arial-ItalicMT", Helvetica;
  --font-family-arial-regular: "Arial-Regular", Helvetica;
  --font-family-arialmt: "ArialMT", Helvetica;
  --font-family-helvetica: "Helvetica", Helvetica;
}
.arialmt-normal-black-16px {
  color: var(--black);
  font-family: var(--font-family-arialmt);
  font-size: var(--font-size-m);
  font-style: normal;
}

.arialmt-normal-white-16px {
  color: var(--white);
  font-family: var(--font-family-arialmt);
  font-size: var(--font-size-m);
  font-style: normal;
}

.arialmt-normal-black-30px {
  color: var(--black);
  font-family: var(--font-family-arialmt);
  font-size: var(--font-size-xxxl);
  font-style: normal;
}

.arial-bold-black-18px {
  color: var(--black);
  font-family: var(--font-family-arial-bold);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

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

.arialmt-normal-white-20px {
  color: var(--white);
  font-family: var(--font-family-arialmt);
  font-size: var(--font-size-xl);
  font-style: normal;
}

.arialmt-normal-shark-18px {
  color: var(--shark);
  font-family: var(--font-family-arialmt);
  font-size: var(--font-size-l);
  font-style: normal;
}

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

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

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

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

.arialmt-normal-shark-20px {
  color: var(--shark);
  font-family: var(--font-family-arialmt);
  font-size: var(--font-size-xl);
  font-style: normal;
}

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

.arialmt-normal-white-14px {
  color: var(--white);
  font-family: var(--font-family-arialmt);
  font-size: var(--font-size-s);
  font-style: normal;
}

.arialmt-normal-mine-shaft-16px {
  color: var(--mine-shaft);
  font-family: var(--font-family-arialmt);
  font-size: var(--font-size-m);
  font-style: normal;
}

.arial-bold-black-30px {
  color: var(--black);
  font-family: var(--font-family-arial-bold);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 700;
}

.arialmt-normal-mine-shaft-22px {
  color: var(--mine-shaft);
  font-family: var(--font-family-arialmt);
  font-size: var(--font-size-xxl);
  font-style: normal;
}

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

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

.arialmt-normal-black-20px {
  color: var(--black);
  font-family: var(--font-family-arialmt);
  font-size: var(--font-size-xl);
  font-style: normal;
}

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

.arialmt-normal-midnight-blue-24px {
  color: var(--midnight-blue);
  font-family: var(--font-family-arialmt);
  font-size: 24px;
  font-style: normal;
}

.arialmt-normal-black-18px {
  color: var(--black);
  font-family: var(--font-family-arialmt);
  font-size: var(--font-size-l);
  font-style: normal;
}

.arialmt-normal-black-38px {
  color: var(--black);
  font-family: var(--font-family-arialmt);
  font-size: 38px;
  font-style: normal;
}

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

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

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

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

.arialmt-normal-shark-22px {
  color: var(--shark);
  font-family: var(--font-family-arialmt);
  font-size: var(--font-size-xxl);
  font-style: normal;
}

.arialmt-normal-black-64px {
  color: var(--black);
  font-family: var(--font-family-arialmt);
  font-size: 64px;
  font-style: normal;
}

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

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

.arial-boldmt-bold-mine-shaft-32px {
  color: var(--mine-shaft);
  font-family: var(--font-family-arial-boldmt);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
}

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

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

.arialmt-normal-mine-shaft-15px {
  color: var(--mine-shaft);
  font-family: var(--font-family-arialmt);
  font-size: 15px;
  font-style: normal;
}

.arialmt-normal-midnight-blue-16px {
  color: var(--midnight-blue);
  font-family: var(--font-family-arialmt);
  font-size: var(--font-size-m);
  font-style: normal;
}

.arialmt-normal-black-34px {
  color: var(--black);
  font-family: var(--font-family-arialmt);
  font-size: 34px;
  font-style: normal;
}

.helvetica-normal-black-5px {
  color: var(--black);
  font-family: var(--font-family-helvetica);
  font-size: 5px;
  font-style: normal;
}

.arial-bold-midnight-blue-60px-2 {
  color: var(--midnight-blue);
  font-family: var(--font-family-arial);
  font-size: var(--font-size-xxxxl);
}

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

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

.arialmt-normal-white-30px {
  color: var(--white);
  font-family: var(--font-family-arialmt);
  font-size: var(--font-size-xxxl);
  font-style: normal;
}

.helvetica-normal-fuzzy-wuzzy-9px {
  color: var(--fuzzy-wuzzy);
  font-family: var(--font-family-helvetica);
  font-size: 9px;
  font-style: normal;
}

.arial-bolditalic-bold-black-16px {
  color: var(--black);
  font-family: var(--font-family-arial-bolditalic);
  font-size: var(--font-size-m);
  font-style: italic;
  font-weight: 700;
}

.arial-normal-black-18px {
  color: var(--black);
  font-family: var(--font-family-arial);
  font-size: var(--font-size-l);
}

.arialmt-normal-midnight-blue-30px {
  color: var(--midnight-blue);
  font-family: var(--font-family-arialmt);
  font-size: var(--font-size-xxxl);
  font-style: normal;
}

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

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

.arialmt-normal-black-18px-2 {
  color: var(--black);
  font-family: var(--font-family-arialmt);
  font-size: var(--font-size-l);
  font-style: normal;
}

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

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

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

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

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

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