global.css

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

:root {
  /* fonts */
  --font-inter: Inter;
  --font-dangrek: Dangrek;
  --font-inherit: inherit;

  /* font sizes */
  --font-size-13xl: 32px;
  --font-size-5xl: 24px;
  --font-size-45xl: 64px;
  --font-size-29xl: 48px;
  --font-size-sm: 14px;
  --font-size-3xl: 22px;
  --font-size-xl: 20px;
  --font-size-9xl: 28px;
  --font-size-21xl: 40px;
  --font-size-77xl: 96px;
  --font-size-25xl: 44px;
  --font-size-17xl: 36px;
  --font-size-mini: 15px;
  --font-size-7xl: 26px;
  --font-size-base: 16px;
  --font-size-36xl: 55px;
  --font-size-11xl: 30px;

  /* Colors */
  --color-white: #fff;
  --color-darkolivegreen-100: #819a58;
  --color-darkolivegreen-700: #48742c;
  --color-darkolivegreen-200: #2b511d;
  --color-darkolivegreen-300: #2d5212;
  --color-darkolivegreen-800: #2f4d18;
  --color-darkolivegreen-400: #114205;
  --color-darkolivegreen-500: #0d3903;
  --color-darkolivegreen-600: rgba(76, 101, 61, 0.92);
  --color-black: #000;
  --color-dimgray-100: #5e5e5e;
  --color-dimgray: #5f5d5d;
  --color-olivedrab: #507e2d;
  --color-darkslategray: #223a1a;
  --color-gold: #d8d12c;
  --color-gainsboro-100: #d9d9d9;
  --color-gainsboro-200: rgba(217, 217, 217, 0.21);
  --color-darkseagreen-100: #86a872;
  --color-darkseagreen-200: rgba(134, 168, 114, 0.65);
  --color-darkseagreen-300: rgba(134, 168, 114, 0.6);
  --color-lightgoldenrodyellow: #d3f1c1;
  --color-darkgreen-100: #155605;
  --color-lightgreen: rgba(153, 208, 121, 0.85);
  --color-gray-100: rgba(0, 0, 0, 0.63);
  --color-cornflowerblue: #318ee5;
  --color-darkgray: #b0aeae;

  /* Gaps */
  --gap-26xl: 45px;
  --gap-xl: 20px;

  /* Paddings */
  --padding-84xl: 103px;
  --padding-92xl: 111px;
  --padding-7xl: 26px;
  --padding-13xl: 32px;
  --padding-16xl: 35px;
  --padding-17xl: 36px;

  /* border radiuses */
  --br-mini: 15px;
  --br-11xl: 30px;
  --br-8xs: 5px;
  --br-base: 16px;
  --br-xl: 20px;
  --br-3xs: 10px;
}