body {
    margin: 0;
    line-height: normal;
  }
  
  :root {
    /* fonts */
    --font-inter: Inter;
    --font-roboto: Roboto;
  
    /* font sizes */
    --font-size-29xl: 48px;
    --font-size-xs: 12px;
    --font-size-base: 16px;
    --font-size-xl: 20px;
    --font-size-17xl: 36px;
    --font-size-13xl: 32px;
    --font-size-5xl: 24px;
    --font-size-21xl: 40px;
    --font-size-sm: 14px;
    --font-size-3xs: 10px;
    --font-size-mini: 15px;
    --font-size-smi: 13px;
  
    /* Colors */
    --color-white: #fff;
    --color-black: #000;
    --color-crimson: #db2243;
    --color-gainsboro: #d9d9d9;
    --color-red-100: #ff1515;
    --color-red-200: #ff0000;
    --color-rosybrown: rgba(205, 168, 168, 0.24);
    --color-green: #008000;
    --color-darkslateblue: #13399a;
    --color-mediumslateblue: #1355ff;
    --color-chocolate: #c54f0d;
    --color-silver: #d1c6c6;
  
    /* Paddings */
    --padding-8xl: 27px;
    --padding-2xl: 21px;
  
    /* Border radiuses */
    --br-51xl: 70px;
    --br-3xs: 10px;
  }