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

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

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

@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("fa-brands-400.eot");
    src: url("fa-brands-400.eot?#iefix") format("embedded-opentype"), 
            url("fa-brands-400.woff2") format("woff2"), 
            url("fa-brands-400.woff") format("woff"), 
            url("fa-brands-400.ttf") format("truetype"), 
            url("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: 900;
    font-display: block;
    src: url("fa-solid-900.eot");
    src: url("fa-solid-900.eot?#iefix") format("embedded-opentype"), 
            url("fa-solid-900.woff2") format("woff2"), 
            url("fa-solid-900.woff") format("woff"), 
            url("fa-solid-900.ttf") format("truetype"), 
            url("fa-solid-900.svg#fontawesome") format("svg"); 
}

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


@font-face {
  font-family: 'BitterBold';
  src: url('BitterBold.eot');
  src: url('BitterBold.eot') format('embedded-opentype'),
       url('BitterBold.woff2') format('woff2'),
       url('BitterBold.woff') format('woff'),
       url('BitterBold.ttf') format('truetype'),
       url('BitterBold.svg#BitterBold') format('svg');
}

@font-face {
  font-family: 'BitterLight';
  src: url('BitterLight.eot');
  src: url('BitterLight.eot') format('embedded-opentype'),
       url('BitterLight.woff2') format('woff2'),
       url('BitterLight.woff') format('woff'),
       url('BitterLight.ttf') format('truetype'),
       url('BitterLight.svg#BitterLight') format('svg');
}

@font-face {
  font-family: 'BitterRegular';
  src: url('BitterRegular.eot');
  src: url('BitterRegular.eot') format('embedded-opentype'),
       url('BitterRegular.woff2') format('woff2'),
       url('BitterRegular.woff') format('woff'),
       url('BitterRegular.ttf') format('truetype'),
       url('BitterRegular.svg#BitterRegular') format('svg');
}

@font-face {
  font-family: 'BitterSemiBold';
  src: url('BitterSemiBold.eot');
  src: url('BitterSemiBold.eot') format('embedded-opentype'),
       url('BitterSemiBold.woff2') format('woff2'),
       url('BitterSemiBold.woff') format('woff'),
       url('BitterSemiBold.ttf') format('truetype'),
       url('BitterSemiBold.svg#BitterSemiBold') format('svg');
}

@font-face {
  font-family: 'Blacksword';
  src: url('Blacksword.eot');
  src: url('Blacksword.eot') format('embedded-opentype'),
       url('Blacksword.woff2') format('woff2'),
       url('Blacksword.woff') format('woff'),
       url('Blacksword.ttf') format('truetype'),
       url('Blacksword.svg#Blacksword') format('svg');
}