body {
  margin: 0;
  line-height: normal;
}
@font-face {
  font-family: "PP Right Gothic";
  src: url(./public/PPRightGothic-CompactBlack.otf);
}
:root {
  /* fonts */
  --font-nunito: Nunito;
  --font-pp-right-gothic: "PP Right Gothic";

  /* font sizes */
  --font-size-mini-2: 14.2px;
  --font-size-9xl-3: 28.3px;
  --font-size-4xl: 23px;
  --font-size-mid: 17px;
  --font-size-37xl-7: 56.7px;
  --font-size-15xl: 34px;
  --font-size-26xl: 45px;
  --font-size-151xl: 170px;
  --font-size-23xl: 42px;
  --font-size-49xl: 68px;
  --font-size-26xl-3: 45.3px;
  --font-size-8xl: 27px;
  --font-size-17xl: 36px;
  --font-size-3xl-7: 22.7px;

  /* Colors */
  --white: #fff;
  --blue-dark: #124a7a;
  --orange-light: #fbecde;
  --black: #18181b;
  --red-2: #eb4e61;
  --red: #d21548;
  --color-crimson-100: rgba(210, 21, 72, 0.1);
  --blue-light: #eaf3fb;
  --blue: #298fe7;
  --color-gainsboro: #e6e6e6;
  --pink-light: #ffd2d7;
  --green-light: #f1ffd2;

  /* Gaps */
  --gap-xl: 20px;
  --gap-16xl-4: 35.4px;
  --gap-lg: 18px;
  --gap-2xl-2: 21.2px;
  --gap-mini-1: 14.1px;
  --gap-mini-2: 14.2px;
  --gap-4xs-5: 8.5px;
  --gap-22xl: 41px;
  --gap-xs-3: 11.3px;
  --gap-23xl-5: 42.5px;
  --gap-2xl: 21px;
  --gap-9xl-3: 28.3px;
  --gap-2xl-3: 21.3px;
  --gap-3xl-6: 22.6px;
  --gap-26xl-2: 45.2px;
  --gap-5xs-1: 7.1px;
  --gap-9xl-4: 28.4px;
  --gap-xs-4: 11.4px;

  /* Paddings */
  --padding-9xl-3: 28.3px;
  --padding-34xl: 53px;
  --padding-7xl: 26px;
  --padding-9xl-4: 28.4px;
  --padding-9xl: 28px;
  --padding-5xs-1: 7.1px;
  --padding-xl: 20px;
  --padding-10xs-9: 2.9px;
  --padding-11xs: 2px;
  --padding-10xs-8: 2.8px;
  --padding-3xl: 22px;
  --padding-6xs: 7px;
  --padding-smi-7: 12.7px;
  --padding-lg: 18px;
  --padding-smi-8: 12.8px;
  --padding-mid: 17px;
  --padding-8xs: 5px;
  --padding-8xs-9: 4.9px;
  --padding-66xl: 85px;
  --padding-4xs-5: 8.5px;
  --padding-base: 16px;
  --padding-141xl-1: 160.1px;
  --padding-140xl-9: 159.9px;
  --padding-3xl-7: 22.7px;
  --padding-5xl-1: 24.1px;
  --padding-13xl-4: 32.4px;
  --padding-149xl-8: 168.8px;
  --padding-91xl: 110px;
  --padding-30xl-5: 49.5px;
  --padding-13xl: 32px;
  --padding-2xl-3: 21.3px;
  --padding-7xl-9: 26.9px;
  --padding-16xl-4: 35.4px;
  --padding-4xl: 23px;

  /* Border radiuses */
  --br-mini-2: 14.2px;
  --br-51xl-8: 70.8px;
  --br-4xs-5: 8.5px;
  --br-mid: 17px;
}