:root { 
  --anakiwa: #95fbff;
  --astral: #3578a8;
  --bdazzled-blue: #2d6994;
  --bdazzled-blue-2: #2d6995;
  --black: #000000;
  --black-2: #010000;
  --charlotte: #b8f1f5;
  --chathams-blue: #0b5375;
  --curious-blue: #348cdc;
  --eastern-blue: #278baa80;
  --french-pass: #c0fbff;
  --midnight-blue: #245172;
  --robins-egg-blue: #00c0cc66;
  --sea-serpent: #42d1da61;
  --sea-serpent-2: #42d1da;
  --sea-serpent-3: #42d1da59;
  --sea-serpent-4: #42d1da21;
  --white: #ffffff;
  --white-2: #ffffffcc;
  --white-3: #ffffff61;
 
  --font-size-l: 20px;
  --font-size-m: 16px;
  --font-size-s: 15px;
  --font-size-xl: 21px;
  --font-size-xs: 14px;
  --font-size-xxl: 22px;
  --font-size-xxxl: 24px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  -font-family-montserrat: "Montserrat", Helvetica;
}
.montserrat-bold-white-16px {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.montserrat-bold-chathams-blue-20px {
  color: var(--chathams-blue);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.montserrat-extra-bold-chathams-blue-22px {
  color: var(--chathams-blue);
  font-family: var(--font-family-montserrat);
  font-style: normal;
  font-weight: 800;
}

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

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

.montserrat-extra-bold-black-20px {
  color: var(--black);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 800;
}

.montserrat-extra-bold-white-32px {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: 32px;
  font-style: normal;
  font-weight: 800;
}

.montserrat-semi-bold-chathams-blue-12px {
  color: var(--chathams-blue);
  font-family: var(--font-family-montserrat);
  font-size: 12px;
  font-style: italic;
  font-weight: 600;
  letter-spacing: 0.5px; /* Adjust the value as needed */
  margin: 2px 0; /* Adjust the margin values as needed */
}

.montserrat-extra-bold-astral-25px {
  color: var(--astral);
  font-family: var(--font-family-montserrat);
  font-size: 25px;
  font-style: normal;
  font-weight: 800;
}

.montserrat-semi-bold-black-14px {
  color: var(--black);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 600;
}

.montserrat-extra-bold-bdazzled-blue-96px {
  color: var(--bdazzled-blue);
  font-family: var(--font-family-montserrat);
  font-size: 96px;
  font-style: normal;
  font-weight: 800;
}

.montserrat-bold-chathams-blue-48px {
  color: var(--chathams-blue);
  font-family: var(--font-family-montserrat);
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
}

.montserrat-extra-bold-bdazzled-blue-40px {
  color: var(--bdazzled-blue);
  font-family: var(--font-family-montserrat);
  font-size: 40px;
  font-style: normal;
  font-weight: 800;
}

.montserrat-medium-bdazzled-blue-16px {
  color: var(--bdazzled-blue-2);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.montserrat-extra-bold-bdazzled-blue-64px {
  color: var(--bdazzled-blue);
  font-family: var(--font-family-montserrat);
  font-size: 74px;
  font-style: normal;
  font-weight: 810;
}

.montserrat-bold-chathams-blue-18px {
  color: var(--chathams-blue);
  font-family: var(--font-family-montserrat);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
}

.montserrat-extra-bold-black-15px {
  color: var(--black);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 800;
}

.montserrat-semi-bold-bdazzled-blue-20px {
  color: var(--bdazzled-blue);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 600;
}

.montserrat-semi-bold-midnight-blue-20px {
  color: var(--midnight-blue);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 600;
}

.montserrat-extra-bold-chathams-blue-32px {
  color: var(--chathams-blue);
  font-family: var(--font-family-montserrat);
  font-size: 32px;
  font-style: normal;
  font-weight: 800;
}

.montserrat-extra-bold-white-48px {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: 48px;
  font-style: normal;
  font-weight: 800;
}

.montserrat-medium-black-15px {
  color: var(--black);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
}

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

.montserrat-bold-curious-blue-16px {
  color: var(--curious-blue);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-style: italic;
  font-weight: 700;
}

.montserrat-extra-bold-chathams-blue-21px {
  color: var(--chathams-blue);
  font-family: var(--font-family-montserrat);
  /* font-size: var(--font-size-xl); */
  font-style: normal;
  font-weight: 800;
}

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

.montserrat-extra-bold-white-96px {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: 96px;
  font-style: normal;
  font-weight: 800;
}

.montserrat-normal-bdazzled-blue-20px {
  color: var(--bdazzled-blue);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.montserrat-extra-bold-sea-serpent-32px {
  color: var(--sea-serpent-2);
  font-family: var(--font-family-montserrat);
  font-size: 32px;
  font-style: normal;
  font-weight: 800;
}

.montserrat-normal-chathams-blue-16px {
  color: var(--chathams-blue);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.montserrat-medium-white-20px {
  color: #000000;
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xl);
  font-style: italic;
  font-weight: 300;
}

.montserrat-extra-bold-sea-serpent-36px {
  color: var(--sea-serpent-2);
  font-family: var(--font-family-montserrat);
  font-size: 36px;
  font-style: normal;
  font-weight: 800;
}

.montserrat-bold-curious-blue-13px {
  color: var(--curious-blue);
  font-family: var(--font-family-montserrat);
  font-size: 13px;
  font-style: italic;
  font-weight: 700;
}

.montserrat-bold-curious-blue-14px {
  color: var(--curious-blue);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xs);
  font-style: italic;
  font-weight: 700;
}

.montserrat-normal-chathams-blue-15px {
  color: var(--chathams-blue);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.montserrat-extra-bold-white-40px {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: 40px;
  font-style: normal;
  font-weight: 800;
}