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

:root {
  /* fonts */
  --font-poppins: Poppins;
  --font-roboto: Roboto;

  /* font sizes */
  --font-size-lg: 1.13rem;
  --font-size-41xl: 3.75rem;
  --font-size-sm: 0.88rem;
  --font-size-31xl: 3.13rem;
  --font-size-9xl: 1.75rem;
  --font-size-6xl: 1.56rem;
  --font-size-xs: 0.75rem;
  --font-size-base: 1rem;
  --font-size-xl: 1.25rem;
  --font-size-smi: 0.81rem;
  --font-size-mini: 0.94rem;
  --font-size-3xs: 0.63rem;

  /* Colors */
  --color-black: #000;
  --color-mediumseagreen: #25ab75;
  --color-seagreen: #188759;
  --color-white: #fff;

  /* Gaps */
  --gap-31xl: 3.13rem;
  --gap-3xl: 1.38rem;
  --gap-3xs: 0.63rem;
  --gap-63xl: 5.13rem;
  --gap-mini: 0.94rem;

  /* Paddings */
  --padding-5xl: 1.5rem;
  --padding-24xl: 2.69rem;
  --padding-11xl: 1.88rem;
  --padding-21xl: 2.5rem;
  --padding-101xl: 7.5rem;
  --padding-61xl: 5rem;
  --padding-xl: 1.25rem;
  --padding-243xl: 16.38rem;
  --padding-41xl: 3.75rem;
  --padding-22xl: 2.56rem;
  --padding-3xs: 0.63rem;

  /* Border radiuses */
  --br-3xs: 10px;
  --br-181xl: 200px;
}