@font-face {
   font-family: 'RobotoSlab-ExtraBold';
   font-display: swap;
   src: url('RobotoSlab-ExtraBold/font.ttf');
}
@font-face {
   font-family: 'Roboto-Regular';
   font-display: swap;
   src: url('Roboto-Regular/font.ttf');
}
@font-face {
   font-family: 'PermanentMarker-Regular';
   font-display: swap;
   src: url('PermanentMarker-Regular/font.ttf');
}
@font-face {
   font-family: 'RobotoSlab-VariableFont_wght';
   font-display: swap;
   src: url('RobotoSlab-VariableFont_wght/font.ttf');
}