.fas,
.far,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.social-icons-simple a i {
  padding: 8px;
  border: 1px solid white;
  margin: 8px auto;
  justify-content: center;
  display: flex;
  border-radius: 36px;
  height: 34px;
  width: 34px;
  color: #fff;
}

.fa-code:before {
  content: "\f121";
}

.fa-facebook-f:before {
  content: "\f39e";
}

.fa-folder-open:before {
  content: "\f07c";
}

.fa-gratipay:before {
  content: "\f184";
}

.fa-angle-up:before {
  content: "\f106";
}

.fa-mobile-alt:before {
  content: "\f3cd";
}

.fa-twitter:before {
  content: "\f099";
}
.fa-x-twitter:before {
  content: "\e61b";
}

.fa-youtube:before {
  content: "\f167";
}

.fa-angle-left:before {
  content: "\f104";
}

.fa-angle-right:before {
  content: "\f105";
}

.fa-star:before {
  content: "\f005";
}

.fa-chevron-circle-right:before {
  content: "\f138";
}

.fa-instagram:before {
  content: "\f16d";
}

.fa-chevron-right:before {
  content: "\f054";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@font-face {
  font-family: "Font Awesome 5 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./webfonts/fa-brands-400.eot");
  src: url("./webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"),
    url("./webfonts/fa-brands-400.woff2") format("woff2"),
    url("./webfonts/fa-brands-400.woff") format("woff"),
    url("./webfonts/fa-brands-400.ttf") format("truetype"),
    url("./webfonts/fa-brands-400.svg#fontawesome") format("svg");
}

.fab {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./webfonts/fa-regular-400.eot");
  src: url("./webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"),
    url("./webfonts/fa-regular-400.woff2") format("woff2"),
    url("./webfonts/fa-regular-400.woff") format("woff"),
    url("./webfonts/fa-regular-400.ttf") format("truetype"),
    url("./webfonts/fa-regular-400.svg#fontawesome") format("svg");
}

.far {
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
}

@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("./webfonts/fa-solid-900.eot");
  src: url("./webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),
    url("./webfonts/fa-solid-900.woff2") format("woff2"),
    url("./webfonts/fa-solid-900.woff") format("woff"),
    url("./webfonts/fa-solid-900.ttf") format("truetype"),
    url("./webfonts/fa-solid-900.svg#fontawesome") format("svg");
}

.fa,
.fas {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-style: normal;
}