@font-face {
  font-family: 'Font Awesome 5 Brands';
  src:
    url("../../font/fa-brands-400.ttf") format("truetype"),
    url("../../font/fa-brands-400.woff") format("woff");
}
@font-face {
  font-family: 'Font Awesome 5 Free';
  src:
    url("../../font/fa-solid-900.ttf") format("truetype"),
    url("../../font/fa-solid-900.woff") format("woff");
}

[class*="fa-"]:after,
[class*="fa-"]:before,
h1 span:before,
#page-top a:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-family:
    "Font Awesome 5 Free",
    "Font Awesome 5 Brands";
  font-style: normal;
  font-variant: normal;
  white-space: pre-wrap;
}


/* :after
------------------------------------------------------------------------------*/
[class*="fa-"]:after {
  font-size: .5em;
  padding-left: .5em;
}
.fa-chevron-circle-right:after {
  content: "\f138";
}
.fa-external-link-alt:after {
  content: "\f35d";
}

/* :before
------------------------------------------------------------------------------*/
[class*="fa-"]:before {}
.fa-at:before {
  content: "\f1fa";
}
.fa-circle:before {
  content: "\f111";
}
.fa-circle-info:before {
  content: "\f05a";
}
.fa-code:before {
  content: "\f121";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-envelope:before {
  content: "\f199";
}
.fa-image:before {
  content: "\f03e";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-laptop-code:before {
  content: "\f5fc";
}
.fa-palette:before {
  content: "\f53f";
}
.fa-php:before {
  content: "\f457";
}
.fa-server:before {
  content: "\f233";
}