@font-face {
    font-family: 'codeman';
    src: url('./codeman.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
.font-custom {
    font-family: 'codeman', sans-serif;
    font-weight: 400;
}
@font-face {
    font-family: 'supermario';
    src: url('./super-mario-bros-nes.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
.font-supermario {
    font-family: 'supermario', sans-serif;
    font-weight: 400;
}
@font-face {
    font-family: 'dot-matrix';
    src: url('./5x7-dot-matrix.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
.font-dotmatrix {
    font-family: 'dot-matrix', monospace;
    font-weight: 400;
}
@font-face {
    font-family: 'casio-inspired';
    src: url('./casio-inspired.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
.font-casio {
    font-family: 'casio-inspired', monospace;
    font-weight: 400;
}
@font-face {
    font-family: 'computer-says-no';
    src: url('./computer-says-no.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
.font-computersaysno {
    font-family: 'computer-says-no', monospace;
    font-weight: 400;
}
@font-face {
    font-family: 'fs-ariapenciroman';
    src: url('./fs-ariapenciroman.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
.font-ariapenci {
    font-family: 'fs-ariapenciroman', serif;
    font-weight: 400;
}
@font-face {
    font-family: 'medieval-pixel';
    src: url('./medieval-pixel.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
.font-medievalpixel {
    font-family: 'medieval-pixel', monospace;
    font-weight: 400;
}
@font-face {
    font-family: 'pixelfont';
    src: url('./pixelfont.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
.font-pixelfont {
    font-family: 'pixelfont', monospace;
    font-weight: 400;
}
@font-face {
    font-family: 'pixelfont2';
    src: url('./pixelfont2.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
.font-pixelfont2 {
    font-family: 'pixelfont2', monospace;
    font-weight: 400;
}
@font-face {
    font-family: 'minimal-pixel';
    src: url('./MinimalPixel.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
.font-minimalpixel {
    font-family: 'minimal-pixel', monospace;
    font-weight: 400;
}
@font-face {
    font-family: 'minimal-pixel-v2';
    src: url('./MinimalPixel-v2.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
.font-minimalpixelv2 {
    font-family: 'minimal-pixel-v2', monospace;
    font-weight: 400;
}
@font-face {
    font-family: 'uncialic';
    src: url('./rmwl-uncialic.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
.font-uncialic {
    font-family: 'uncialic', serif;
    font-weight: 400;
}
@font-face {
    font-family: 'texture';
    src: url('./texture.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
.font-texture {
    font-family: 'texture', sans-serif;
    font-weight: 400;
}
@font-face {
    font-family: 'whatdo';
    src: url('./Whatdo-pgo2O.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
.font-whatdo {
    font-family: 'whatdo', sans-serif;
    font-weight: 400;
}
@font-face {
    font-family: 'roboto';
    src: url('./Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
.font-roboto {
    font-family: 'roboto', sans-serif;
    font-weight: 500;
}