body {
margin: 0;
line-height: normal;
}

:root {
  /* Fonts */
--font-sf-pro-rounded: "SF Pro Rounded";

  /* font sizes */
  --font-size-base: 16px;
  --font-size-xl: 20px;
  --font-size-9xl: 28px;
  --font-size-13xl: 32px;
  --font-size-25xl: 44px;
  --font-size-45xl: 64px;
  --font-size-77xl: 96px;

  /* Colors */
  --color-black: #000;
  --color-gray-100: #76767b;
  --color-lightgray: #d4d4d4;
  --color-white: #fff;
  --color-whitesmoke: #f7f7f7;

  /* Gaps */
  --gap-xs: 12px;
  --gap-base: 16px;
  --gap-xl: 20px;
  --gap-13xl: 32px;
  --gap-53xl: 72px;

  /* Paddings */
  --padding-13xl: 32px;
  --padding-17xl: 36px;
  --padding-21xl: 40px;

  /* Border radiuses */
  --br-20xl: 20px;
  --br-29xl: 48px;
  --br-181xl: 200px;
}