/*!
 *  Iconly icon font. Generated by Iconly: https://iconly.io/
 */

@font-face {
  font-display: auto;
  font-family: "Iconly";
  font-style: normal;
  /* font-weight: 400; */
  src: url("./iconly.eot?1689134409503");
  src: url("./iconly.eot?#iefix") format("embedded-opentype"), url("./iconly.woff2?1689134409503") format("woff2"), url("./iconly.woff?1689134409503") format("woff"), url("./iconly.ttf?1689134409503") format("truetype"), url("./iconly.svg?1689134409503#Iconly") format("svg");
}

[class="icon"], [class^="icon-"], [class*=" icon-"] {
  display: inline-block;
  font-family: "Iconly" !important;
  
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}



.icon-gray-boat:before {
  content: "\e001";
  
}

.greenClass {
  display: block;
  color: #07f155;
  font-size: 20px;
  
  font-weight: 20;
  -webkit-text-stroke:0.4px black;
}

.greyClass {
  display: block;
  color: rgb(172, 170, 170);
  font-size: 20px;
  
  font-weight: 20;
  -webkit-text-stroke:0.4px black;
}

.redClass {
  display: block;
  color: rgb(231, 5, 5);
  font-size: 20px;
  
  font-weight: 20;
  -webkit-text-stroke:0.4px black;
}

.yellowClass {
  display: block;
  color: yellow;
  font-size: 20px;
  
  font-weight: 20;
  -webkit-text-stroke:0.4px black;
}