:root { 
  --cadet-blue: #a7aebf;
  --cadet-blue-2: #a7aebffa;
  --pizza: #fd6502;
  --add: #460aec;
  --bgCol: #1a0161;
  --card-black: rgb(15, 15, 15);
 
  --font-size-l: 1.8vw;
  --font-size-m: 1.75vw;
  --font-size-s: 1.7vw;
  --font-size-xl: 1.8vw;
  --font-size-xs: 1.5vw;
  --font-size-xxl: 2vw;
  --font-size-xxxl: 3.3vw;
  --font-size-xxs: .7vw;
 
  --font-family-gotham: "Gotham", Helvetica;
  --font-family-gotham-book: "Gotham-Book", Helvetica;
  --font-family-gotham-medium: "Gotham-Medium", Helvetica;
}

textarea {
  resize: none !important;
}
.margin-M {
  margin-top: 3vw;
}
.gotham-medium-cadet-blue-30px {
  color: var(--cadet-blue-2);
  font-family: var(--font-family-gotham-medium);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 500;
}

.gotham-book-normal-pizza-44px {
  color: var(--pizza);
  font-family: var(--font-family-gotham-book);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.gotham-book-normal-cadet-blue-44px {
  color: var(--cadet-blue);
  font-family: var(--font-family-gotham-book);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.gotham-medium-pizza-60px {
  color: var(--pizza);
  font-family: var(--font-family-gotham-medium);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 500;
}

.gotham-book-normal-cadet-blue-45px {
  color: var(--cadet-blue);
  font-family: var(--font-family-gotham-book);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.gotham-medium-cadet-blue-30px-2 {
  color: var(--cadet-blue);
  font-family: var(--font-family-gotham-medium);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 500;
}

.gotham-medium-cadet-blue-40px {
  color: var(--cadet-blue);
  font-family: var(--font-family-gotham-medium);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
}

.gotham-medium-cadet-blue-60px {
  color: var(--cadet-blue);
  font-family: var(--font-family-gotham);
  font-size: var(--font-size-xxxl);
}

.gotham-medium-cadet-blue-60px-2 {
  color: var(--cadet-blue);
  font-family: var(--font-family-gotham-medium);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 500;
}

.gotham-book-normal-pizza-45px {
  color: var(--pizza);
  font-family: var(--font-family-gotham-book);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.gotham-medium-pizza-50px {
  color: var(--pizza);
  font-family: var(--font-family-gotham-medium);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
}


@media (max-width: 800px) {
  :root { 
    --cadet-blue: #a7aebf;
    --cadet-blue-2: #a7aebffa;
    --pizza: #fd6502;
    --add: #460aec;
    --bgCol: #1a0161;
    --card-black: rgb(15, 15, 15);
   
    --font-size-l: 6vw;
    --font-size-m: 1.75vw;
    --font-size-s: 1.7vw;
    --font-size-xl: 5vw;
    --font-size-xs: 1.5vw;
    --font-size-xxl: 2vw;
    --font-size-xxxl: 10vw;
    --font-size-xxs: .7vw;
   
    --font-family-gotham: "Gotham", Helvetica;
    --font-family-gotham-book: "Gotham-Book", Helvetica;
    --font-family-gotham-medium: "Gotham-Medium", Helvetica;
  }

  .margin-M {
    margin-top: 6vw;
  }
}