@font-face {
  font-family: 'DIN 1451';
  src: url('../webfonts/AlteDIN1451Mittelschrift.woff2') format('woff2');
}

@font-face {
  font-family: 'Font Awesome Solid';
  src: url("../webfonts/fa-solid-900.woff2") format("woff2");
}

@font-face {
  font-family: 'Font Awesome Brands';
  src: url("../webfonts/fa-brands-400.woff2") format("woff2");
}

.icon {
  font-size: 85%;
  font-style: normal;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.icon-microchip:before {
  font-family: 'Font Awesome Solid';
  content: '\f2db';
}

.icon-magnifying-glass-chart:before {
  font-family: 'Font Awesome Solid';
  content: '\e522';
}

.icon-computer:before {
  font-family: 'Font Awesome Solid';
  content: '\e4e5';
}

.icon-book-open-reader:before {
  font-family: 'Font Awesome Solid';
  content: '\f5da';
}

.icon-screwdriver-wrench:before {
  font-family: 'Font Awesome Solid';
  content: '\f7d9';
}

.icon-file-code:before {
  font-family: 'Font Awesome Solid';
  content: '\f1c9';
}

.icon-music:before {
  font-family: 'Font Awesome Solid';
  content: '\f001';
}

.icon-sliders:before {
  font-family: 'Font Awesome Solid';
  content: '\f1de';
}

.icon-plug:before {
  font-family: 'Font Awesome Solid';
  content: '\f1e6';
}

.icon-link:before {
  font-family: 'Font Awesome Solid';
  content: '\f0c1';
}

.icon-envelope:before {
  font-family: 'Font Awesome Solid';
  content: '\f0e0';
}

.icon-bars:before {
  font-family: 'Font Awesome Solid';
  content: '\f0c9';
}

.icon-xmark:before {
  font-family: 'Font Awesome Solid';
  content: '\f00d';
}

.icon-github:before {
  font-family: 'Font Awesome Brands';
  content: '\f09b';
}

.icon-mastodon:before {
  font-family: 'Font Awesome Brands';
  content: '\f4f6';
}

.icon-instagram:before {
  font-family: 'Font Awesome Brands';
  content: '\f16d';
}

.icon-youtube:before {
  font-family: 'Font Awesome Brands';
  content: '\f167';
}