/* --- 2.1 Mattias Felix Sans --- */

@font-face {
    font-family: 'Mattias Felix Sans';
    src: url('fonts/MattiasFelixSans/MattiasFelixSans-Normaal.eot');
    src: url('fonts/MattiasFelixSans/MattiasFelixSans-Normaal.eot?#iefix') format('embedded-opentype'),
        url('fonts/MattiasFelixSans/MattiasFelixSans-Normaal.woff2') format('woff2'),
        url('fonts/MattiasFelixSans/MattiasFelixSans-Normaal.woff') format('woff'),
        url('fonts/MattiasFelixSans/MattiasFelixSans-Normaal.ttf') format('truetype'),
        url('fonts/MattiasFelixSans/MattiasFelixSans-Normaal.svg#MattiasFelixSans-Normaal') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mattias Felix Sans';
    src: url('fonts/MattiasFelixSans/MattiasFelixSans-Dik.eot');
    src: url('fonts/MattiasFelixSans/MattiasFelixSans-Dik.eot?#iefix') format('embedded-opentype'),
        url('fonts/MattiasFelixSans/MattiasFelixSans-Dik.woff2') format('woff2'),
        url('fonts/MattiasFelixSans/MattiasFelixSans-Dik.woff') format('woff'),
        url('fonts/MattiasFelixSans/MattiasFelixSans-Dik.ttf') format('truetype'),
        url('fonts/MattiasFelixSans/MattiasFelixSans-Dik.svg#MattiasFelixSans-Dik') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



/* --- 2.2 Mattias Felix Mono --- */

@font-face {
  font-family: "Mattias Felix Mono";
  src: url("fonts/MattiasFelixMono/MattiasFelixMono.eot");
  src:
    url("fonts/MattiasFelixMono/MattiasFelixMono.eot?#iefix")
      format("embedded-opentype"),
    url("fonts/MattiasFelixMono/MattiasFelixMono.woff2") format("woff2"),
    url("fonts/MattiasFelixMono/MattiasFelixMono.woff") format("woff"),
    url("fonts/MattiasFelixMono/MattiasFelixMono.ttf") format("truetype"),
    url("fonts/MattiasFelixMono/MattiasFelixMono.svg#MattiasFelixMono")
      format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}



body { 
	font-family: 'Mattias Felix Sans', Inter, system-ui, sans-serif; 
}

h1 {
	font-family: 'Mattias Felix Sans', Arial,sans-serif;
	font-size: 3em !important;
	font-weight: bold !important;
}

::-webkit-scrollbar { 
	width: 6px; 
	height: 6px; 
}

::-webkit-scrollbar-thumb { 
background: #1e293b; 
border-radius: 3px; 
}


/* Voeg hier je eigen styles toe */