@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon/fonts/icomoon.eot');
  src:  url('../fonts/icomoon/fonts/icomoon.eot') format('embedded-opentype'),
    url('../fonts/icomoon/fonts/icomoon.ttf') format('truetype'),
    url('../fonts/icomoon/fonts/icomoon.woff') format('woff'),
    url('../fonts/icomoon/fonts/icomoon.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-heart:before {
  content: "\ed7f";
}
.icon-map-marker:before {
  content: "\ecec";
}
.icon-phone:before {
  content: "\ece7";
}
.icon-twitter:before {
  content: "\ec3d";
}
.icon-linkedin:before {
  content: "\ee6f";
}
.icon-behance:before {
  content: "\ee4d";
}
.icon-globe:before {
  content: "\ed6e";
}
.icon-envelope:before {
  content: "\ecea";
}
.icon-instagram:before {
  content: "\ee37";
}
.icon-phone2:before {
  content: "\ece7";
}

.icon-html:before {
  content: "\ea6b";
}
.icon-css:before {
  content: "\e9aa";
}
.icon-js:before {
  content: "\ea93";
}
.icon-wordpress:before {
  content: "\ec7d";
}
.icon-tailwindcss:before {
  content: "\ec18";
}
.icon-prestashop:before {
  content: "\eb6b";
}
.icon-bootstrap:before {
  content: "\e966";
}
.icon-react:before {
  content: "\eb8c";
}

.icon-php:before {
  content: "\eb52";
}
.icon-phpmyadmin:before {
  content: "\ee91";
}
.icon-mysql:before {
  content: "\eb14";
}
.icon-nodejs:before {
  content: "\eb23";
}
.icon-java:before {
  content: "\ea92";
}

.icon-photoshop:before {
  content: "\e914";
}
.icon-illustrator:before {
  content: "\e910";
}
.icon-indesign:before {
  content: "\e911";
}
.icon-aftereffect:before {
  content: "\e90c";
}
.icon-premierpro:before {
  content: "\e915";
}
.icon-cinema4d:before {
  content: "\ee90";
}
.icon-blender:before {
  content: "\e961";
}
.icon-figma:before {
  content: "\ea02";
}