@font-face {
  font-family: Tinos;
  src: url(fonts/Tinos/Tinos-Regular.ttf);
}

@font-face {
  font-family: Tinos;
  src: url(fonts/Tinos/Tinos-Italic.ttf);
  font-style: italic;
}

@font-face {
  font-family: Tinos;
  src: url(fonts/Tinos/Tinos-Bold.ttf);
  font-weight: bold;
}

@font-face {
  font-family: Tinos;
  src: url(fonts/Tinos/Tinos-BoldItalic.ttf);
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "Roboto Mono";
  src: url(fonts/Roboto_Mono/RobotoMono-VariableFont_wght.ttf);
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Roboto Mono";
  src: url(fonts/Roboto_Mono/RobotoMono-Italic-VariableFont_wght.ttf);
  font-optical-sizing: auto;
  font-style: italic;
}

@font-face {
  font-family: "Roboto Mono";
  src: url(fonts/Roboto_Mono/RobotoMono-Italic-VariableFont_wght.ttf);
  font-optical-sizing: auto;
  font-weight: bold;
  font-style: italic;
}