@font-face {
  font-family: 'dr-font';
  src:
    url('fonts/dr-font.ttf?amdjc2') format('truetype'),
    url('fonts/dr-font.woff?amdjc2') format('woff'),
    url('fonts/dr-font.svg?amdjc2#dr-font') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

i {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'dr-font' !important;
  speak: never;
  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-close:before {
  content: "\e950";
}
.icon-cursor:before {
  content: "\e951";
}
.icon-github:before {
  content: "\e952";
}
.icon-setting:before {
  content: "\e953";
}
.icon-terminal:before {
  content: "\e954";
}
.icon-www:before {
  content: "\e955";
}
.icon-forward:before {
  content: "\e949";
}
.icon-pause:before {
  content: "\e94a";
}
.icon-play:before {
  content: "\e94b";
}
.icon-reload:before {
  content: "\e94c";
}
.icon-rewind:before {
  content: "\e94d";
}
.icon-stop:before {
  content: "\e94e";
}
.icon-trash:before {
  content: "\e94f";
}
.icon-ai:before {
  content: "\e942";
}
.icon-css:before {
  content: "\e943";
}
.icon-html:before {
  content: "\e944";
}
.icon-js:before {
  content: "\e945";
}
.icon-ps:before {
  content: "\e946";
}
.icon-wordpress:before {
  content: "\e947";
}
.icon-xd:before {
  content: "\e948";
}
.icon-behance:before {
  content: "\e93f";
}
.icon-codepen:before {
  content: "\e940";
}
.icon-linkedin:before {
  content: "\e941";
}
.icon-123:before {
  content: "\e900";
}
.icon-abc:before {
  content: "\e901";
}
.icon-ball:before {
  content: "\e902";
}
.icon-certification:before {
  content: "\e903";
}
.icon-cinema:before {
  content: "\e904";
}
.icon-circle:before {
  content: "\e905";
}
.icon-clock:before {
  content: "\e906";
}
.icon-compass:before {
  content: "\e907";
}
.icon-control:before {
  content: "\e908";
}
.icon-currency:before {
  content: "\e909";
}
.icon-cv:before {
  content: "\e90a";
}
.icon-degree:before {
  content: "\e90b";
}
.icon-draw:before {
  content: "\e90c";
}
.icon-exclamation:before {
  content: "\e90d";
}
.icon-feather:before {
  content: "\e90e";
}
.icon-file:before {
  content: "\e90f";
}
.icon-folder:before {
  content: "\e910";
}
.icon-goal:before {
  content: "\e911";
}
.icon-headphones:before {
  content: "\e912";
}
.icon-home:before {
  content: "\e913";
}
.icon-idea:before {
  content: "\e914";
}
.icon-io:before {
  content: "\e915";
}
.icon-key:before {
  content: "\e916";
}
.icon-language:before {
  content: "\e917";
}
.icon-laptop:before {
  content: "\e918";
}
.icon-leaf:before {
  content: "\e919";
}
.icon-location:before {
  content: "\e91a";
}
.icon-love:before {
  content: "\e91b";
}
.icon-mail:before {
  content: "\e91c";
}
.icon-map:before {
  content: "\e91d";
}
.icon-menu:before {
  content: "\e91e";
}
.icon-microphone:before {
  content: "\e91f";
}
.icon-moon:before {
  content: "\e920";
}
.icon-mouse:before {
  content: "\e921";
}
.icon-note:before {
  content: "\e922";
}
.icon-ok:before {
  content: "\e923";
}
.icon-pen:before {
  content: "\e924";
}
.icon-pencil:before {
  content: "\e925";
}
.icon-phone:before {
  content: "\e926";
}
.icon-pizza:before {
  content: "\e927";
}
.icon-pointer:before {
  content: "\e928";
}
.icon-portfolio:before {
  content: "\e929";
}
.icon-profile:before {
  content: "\e92a";
}
.icon-qr:before {
  content: "\e92b";
}
.icon-question:before {
  content: "\e92c";
}
.icon-rhombus:before {
  content: "\e92d";
}
.icon-rocket:before {
  content: "\e92e";
}
.icon-search:before {
  content: "\e92f";
}
.icon-security:before {
  content: "\e930";
}
.icon-semicolon:before {
  content: "\e931";
}
.icon-share:before {
  content: "\e932";
}
.icon-slash:before {
  content: "\e933";
}
.icon-speed:before {
  content: "\e934";
}
.icon-square:before {
  content: "\e935";
}
.icon-star:before {
  content: "\e936";
}
.icon-sun:before {
  content: "\e937";
}
.icon-tag:before {
  content: "\e938";
}
.icon-triangle:before {
  content: "\e939";
}
.icon-virus:before {
  content: "\e93a";
}
.icon-wand:before {
  content: "\e93b";
}
.icon-warning:before {
  content: "\e93c";
}
.icon-watch:before {
  content: "\e93d";
}
.icon-wifi:before {
  content: "\e93e";
}