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

:root {
  /* fonts */
  --font-inter: Inter;

  /* font sizes */
  --font-size-3xl: 22px;
  --font-size-17xl: 36px;
  --font-size-61xl: 80px;
  --font-size-5xl: 24px;
  --font-size-mini: 15px;
  --font-size-51xl: 70px;

  /* Colors */
  --color-gray-100: #8e8e8e;
  --color-gray-200: #7b7b7b;
  --color-gray-300: #272727;
  --color-gray-400: #262626;
  --color-white: #fff;
  --color-dimgray-100: #707070;
  --color-dimgray-200: #6e6e6e;
  --color-dimgray-300: #706045;
  --color-tomato-100: #ef4123;
  --color-darkorange: #fc8019;
  --color-whitesmoke-100: #f0f0f0;
  --color-whitesmoke-200: #efefef;
  --color-crimson: #e23744;
  --color-gainsboro: #d9d9d9;

  /* Paddings */
  --padding-5xl: 24px;
  --padding-mini: 15px;
  --padding-3xs: 10px;

  /* border radiuses */
  --br-3xs: 10px;
  --br-6xl: 25px;
  --br-7xs: 6px;
  --br-11xl: 30px;
  --br-17xl: 36px;
  --br-16xl: 35px;
  --br-lg: 18px;
}
 a{
  text-decoration: none;
  color: #6e6e6e;
 }
 a:hover{
  text-decoration: none;
  color:#e23744
 }