:root { 
  --azure-radiance: #0096ff;
  --back: #f4f4f5;
  --black: #000000;
  --catskill-white: #eef4f7;
  --celeste: #36a9e1;
  --celeste-2: #cccccc;
  --cultured-pearl: #f1f5f6;
  --dark: #323333;
  --eucalyptus: #198754;
  --grey-blue: #3a3e44;
  --grey-dark: #cfd4d9;
  --jordy-blue: #90b6f8;
  --lily-white: #e7f5ff;
  --mine-shaft: #323232;
  --navy: #141618;
  --red-alerts: #cb444a;
  --shark: #212529;
  --white: #fafeff;
  --white-2: #ffffff;
 
  --font-size-48px: 48px;
  --font-size-64px: 64px;
  --font-size-9px: 9px;
  --font-size-l: 16px;
  --font-size-m: 14px;
  --font-size-s: 11px;
  --font-size-xl: 20px;
  --font-size-xs: 10px;
  --font-size-xxl: 32px;
  --font-size-xxs: 8px;
 
  --font-family-helvetica_neue-light: "Helvetica Neue-Light", Helvetica;
  --font-family-manrope: "Manrope", Helvetica;
  --font-family-poppins: "Poppins", Helvetica;
}
.h3 {
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0px;
}

.title {
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-64px);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0px;
}

.button {
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0px;
}

.header-form {
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-48px);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
}

.h2 {
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
}

.tag {
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-9px);
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0px;
}

.small-text {
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
}

.tiny-text {
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
}

.italic-blue {
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-s);
  font-style: italic;
  font-weight: 700;
  letter-spacing: 0px;
}

.medium-bold {
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0px;
}

.manrope-light-black-14px {
  color: var(--black);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 300;
}

.manrope-light-picton-blue-13px {
  color: var(--celeste);
  font-family: var(--font-family-manrope);
  font-size: 13px;
  font-style: normal;
  font-weight: 300;
}

.manrope-light-coconut-14px {
  color: var(--white);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 300;
}

.manrope-medium-mine-shaft-18px {
  color: var(--dark);
  font-family: var(--font-family-manrope);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
}

.manrope-medium-mine-shaft-15px {
  color: var(--dark);
  font-family: var(--font-family-manrope);
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
}

.manrope-medium-mine-shaft-20px {
  color: var(--dark);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
}

.manrope-semi-bold-black-20px {
  color: var(--black);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 600;
}

.manrope-normal-mine-shaft-12px {
  color: var(--dark);
  font-family: var(--font-family-manrope);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}

.manrope-light-mine-shaft-8px {
  color: var(--dark);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 300;
}

.manrope-light-mine-shaft-13px {
  color: var(--dark);
  font-family: var(--font-family-manrope);
  font-size: 13px;
  font-style: normal;
  font-weight: 300;
}

.manrope-light-azure-radiance-13px {
  color: var(--azure-radiance);
  font-family: var(--font-family-manrope);
  font-size: 13px;
  font-style: normal;
  font-weight: 300;
}

.manrope-light-picton-blue-6px {
  color: var(--celeste);
  font-family: var(--font-family-manrope);
  font-size: 6px;
  font-style: normal;
  font-weight: 300;
}

.manrope-normal-shark-16px {
  color: var(--shark);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

:root {
}