@font-face {
        font-family: 'IBM Plex Mono';
        src: url('fonts/IBM_Plex_Mono/IBMPlexMono-Regular.eot');
        src: url('fonts/IBM_Plex_Mono/IBMPlexMono-Regular.eot?#iefix') format('embedded-opentype'),
          url('fonts/IBM_Plex_Mono/IBMPlexMono-Regular.woff2') format('woff2'),
          url('fonts/IBM_Plex_Mono/IBMPlexMono-Regular.woff') format('woff'),
          url('fonts/IBM_Plex_Mono/IBMPlexMono-Regular.ttf') format('truetype');
        font-weight: thin;
        font-style: normal;
      }
      @font-face {
          font-family: 'DIN Pro';
          src: url('fonts/DIN_Pro/DINPro-Regular.eot');
          src: url('fonts/DIN_Pro/DINPro-Regular.eot?#iefix') format('embedded-opentype'),
              url('fonts/DIN_Pro/DINPro-Regular.woff2') format('woff2'),
              url('fonts/DIN_Pro/DINPro-Regular.woff') format('woff'),
              url('fonts/DIN_Pro/DINPro-Regular.ttf') format('truetype');
          font-weight: normal;
          font-style: normal;
          font-display: swap;
      }