body {
    margin: 0;
    line-height: normal;
  }
  
  :root {
    /* fonts */
    --font-roboto: Roboto;
    --font-rocknroll-one: "RocknRoll One";
  
    /* font sizes */
    --font-size-6xl: 25px;
    --font-size-11xl: 30px;
    --font-size-21xl: 40px;
    --font-size-xl: 20px;
    --font-size-base: 16px;
    --font-size-17xl: 36px;
    --font-size-3xs: 10px;
    --font-size-2xs: 11px;
    --font-size-20xl: 39px;
  
    /* Colors */
    --color-gainsboro: #d9d9d9;
    --color-black: #000;
    --color-dimgray: #613434;
    --color-white: #fff;
    --color-lightgray: #d1d1d1;
  
    /* Gaps */
    --gap-68xl: 87px;
    --gap-38xl: 57px;
    --gap-xl: 20px;
    --gap-0: 0px;
  
    /* Paddings */
    --padding-21xl: 40px;
    --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;
  }