body {
  margin: 0;
  line-height: normal;
  width: 100%;
  max-width: 1920px;
  margin: auto;
}

:root {
  /* fonts */
  --font-inter: Inter;
  --font-oleo-script: "Oleo Script";

  /* font sizes */
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-45xl: 4rem;
  --font-size-32xl: 3.188rem;
  --font-size-19xl: 2.375rem;
  --font-size-13xl: 2rem;
  --font-size-7xl: 1.625rem;
  --font-size-lgi: 1.188rem;

  /* Colors */
  --color-white: #fff;
  --color-gray: rgba(0, 0, 0, 0.6);
  --color-lightskyblue: #5ebfec;
  --color-black: #000;
  --color-gainsboro: rgba(228, 223, 220, 0.35);
  --color-darkslateblue: #313b60;

  /* Gaps */
  --gap-xl: 1.25rem;
  --gap-10xl: 1.812rem;
  --gap-21xl: 2.5rem;
  --gap-smi: 0.812rem;
  --gap-4xl: 1.437rem;
  --gap-base: 1rem;
  --gap-2xl: 1.312rem;
  --gap-41xl: 3.75rem;
  --gap-11xl: 1.875rem;
  --gap-xs: 0.75rem;

  /* Paddings */
  --padding-xl: 1.25rem;
  --padding-12xs: 0.062rem;
  --padding-21xl: 2.5rem;
  --padding-4xl: 1.437rem;
  --padding-sm: 0.875rem;
  --padding-3xs: 0.625rem;
  --padding-11xs: 0.125rem;
  --padding-7xl: 1.625rem;
}