:root {
  /* text sizes */
  --text-md: clamp(1rem, 1.5vw, 1.5rem);
  --text-lg: clamp(1.5rem, 2vw, 2rem);
  --text-xl: clamp(2rem, 3vw, 3rem);
  --text-2xl: clamp(3rem, 4vw, 4rem);
  --text-3xl: clamp(4rem, 5vw, 5rem);
  --text-4xl: clamp(5rem, 6vw, 6rem);
  --text-5xl: clamp(6rem, 7vw, 7rem);
  --text-6xl: clamp(7rem, 8vw, 8rem);
  --text-7xl: clamp(8rem, 9vw, 9rem);
  --text-8xl: clamp(9rem, 10vw, 10rem);
  --text-9xl: clamp(10rem, 11vw, 11rem);
  --text-10xl: clamp(11rem, 12vw, 12rem);

  /* margins */
  --margin-md: clamp(1rem, 1.5vw, 1.5rem);
  --margin-lg: clamp(1.5rem, 2vw, 2rem);
  --margin-xl: clamp(2rem, 3vw, 3rem);
  --margin-2xl: clamp(3rem, 4vw, 4rem);
  --margin-3xl: clamp(4rem, 5vw, 5rem);
  --margin-4xl: clamp(5rem, 6vw, 6rem);
  --margin-5xl: clamp(6rem, 7vw, 7rem);
  --margin-6xl: clamp(7rem, 8vw, 8rem);

  --black: #000;
  --white: #fff;
}

* {
  font-family: Impacto, Impact, sans-serif;
}
@font-face {
  font-family: Impacto;
  font-weight: bold;
  src: url('/fonts/impact.ttf') format('truetype');
}