body {
    margin: 0;
    line-height: normal;
  }
  
  :root {
    /* fonts */
    --font-roboto: Roboto;
    --font-rocknroll-one: "RocknRoll One";
  
    /* font sizes */
    --font-size-6xl: 25px;
    --font-size-3xs: 10px;
    --font-size-2xs: 11px;
    --font-size-11xl: 30px;
    --font-size-xl: 20px;
    --font-size-17xl: 36px;
    --font-size-base: 16px;
  
    /* Colors */
    --color-white: #fff;
    --color-black: #000;
    --color-dimgray: #613434;
    --color-gainsboro: #d9d9d9;
  
    /* Gaps */
    --gap-3xl: 22px;
    --gap-xl: 20px;
  
    /* Paddings */
    --padding-14xl: 33px;
    --padding-6xl: 25px;
    --padding-3xs: 10px;
    --padding-xl: 20px;
    --padding-sm: 14px;
    --padding-mid: 17px;
    --padding-2xl: 21px;
    --padding-5xs: 8px;
  
    /* Border radiuses */
    --br-10xs: 3px;
  }
  body  a{
    text-decoration: none;
    color: black;
  }