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

:root {
  /* fonts */
  --font-roboto: Roboto;
  --font-roboto-medium: Roboto-Medium;
  --font-arial-rounded-mt: "Arial Rounded MT";
  --font-open-sans: "Open Sans";
  --font-poppins-regular: Poppins-Regular;
  --font-roboto-light: Roboto-Light;
  --font-poppins: Poppins;
  --font-roboto-regular: Roboto-Regular;
  --font-applecoloremoji: AppleColorEmoji;

  /* font sizes */
  --font-size-xs: 12px;
  --font-size-25xl: 44px;
  --font-size-base: 16px;
  --font-size-xl: 20px;
  --font-size-6xl: 25px;
  --font-size-smi: 13px;
  --font-size-3xs: 10px;
  --font-size-5xl: 24px;
  --font-size-mid: 17px;

  /* Colors */
  --color-white: #fff;
  --color-slategray: #4b5176;
  --color-gray: #1c2346;
  --color-dimgray: #707070;
  --color-aliceblue: #e7eaf2;
  --color-black: #000;
  --color-lavenderblush: #f4edf6;
  --color-gainsboro-100: #d8d8d8;
  --color-darkgray: #aab2b7;
  --color-darkslateblue: #24355a;

  /* Border radiuses */
  --br-10xl: 29px;
  --br-3xs: 10px;
  --br-mini: 15px;
  --br-551xl: 570px;
  --br-8xs: 5px;
  --br-21xl: 40px;
}