:root{
  --ivory: #F6F4F0;
  --black: #1A1917;
  --green: #CCFF00;
  --snow: #FFFFFF;
  --red: #FB4C4C;
  --hover: #FBFAF8;
  /* --hover: #e9eae6; */
  --hover-green: rgb(217, 255, 65);

  --gap: 10px;
}


@font-face {
  font-family: 'Grafik-reg';
  src: url('/fonts/Graphik-Regular-Web.eot');
  src: url('/fonts/Graphik-Regular-Web.eot?#iefix') format('embedded-opentype'),
       url('/fonts/Graphik-Regular-Web.woff2') format('woff2'),
       url('/fonts/Graphik-Regular-Web.woff') format('woff'),
       url('/fonts/Graphik-Regular-Web.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Grafik-bold';
  src: url('/fonts/Graphik-Bold-Web.eot');
  src: url('/fonts/Graphik-Bold-Web.eot?#iefix') format('embedded-opentype'),
       url('/fonts/Graphik-Bold-Web.woff2') format('woff2'),
       url('/fonts/Graphik-Bold-Web.woff') format('woff'),
       url('/fonts/Graphik-Bold-Web.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MeteorCondThin';
  src: url('/fonts/CoFoMeteorV03-CondensedThin.eot');
  src: url('/fonts/CoFoMeteorV03-CondensedThin.eot?#iefix') format('embedded-opentype'),
       url('/fonts/CoFoMeteorV03-CondensedThin.woff2') format('woff2'),
       url('/fonts/CoFoMeteorV03-CondensedThin.woff') format('woff'),
       url('/fonts/CoFoMeteorV03-CondensedThin.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Meteor';
  src: url('/fonts/CoFoMeteorV03-NormalMedium.eot');
  src: url('/fonts/CoFoMeteorV03-NormalMedium.eot?#iefix') format('embedded-opentype'),
       url('/fonts/CoFoMeteorV03-NormalMedium.woff2') format('woff2'),
       url('/fonts/CoFoMeteorV03-NormalMedium.woff') format('woff'),
       url('/fonts/CoFoMeteorV03-NormalMedium.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}