@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 700;
  src: local('Oxygen Bold'), local('Oxygen-Bold'), url(Oxygen-V700.ttf) format('truetype');
}
@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 300;
  src: local('Oxygen Light'), local('Oxygen-Light'), url(Oxygen-V300.ttf) format('truetype');
}
@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 400;
  src: local('Oxygen'), local('Oxygen-Regular'), url(Oxygen-V400.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Mono'), local('RobotoMono-Regular'), url(Oxygen+Mono-V400.ttf) format('truetype');
}

@font-face {
  font-family: 'Clash Display';
  font-style: normal;
  font-weight: 200;
  src: local('Clash Display'), local('ClashDisplay-Regular'), url(ClashDisplay-Regular.woff) format('woff');
}

@font-face {
  font-family: 'Clash Display Medium';
  src: url('ClashDisplay-Medium.woff2') format('woff2'),
       url('ClashDisplay-Medium.woff') format('woff'),
       url('fonts/ClashDisplay-Medium.ttf') format('ttf');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Clash Display Light';
  src: url('ClashDisplay-Light.woff2') format('woff2'),
       url('ClashDisplay-Light.woff') format('woff');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto Mono';
  src: url('Roboto_Mono/RobotoMono-Regular.ttf'), local('RobotoMono-Regular') format('ttf');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto Mono Bold';
  src: local('RobotoMono-Bold'), url(RobotoMono-Bold.ttf) format('ttf');
  font-weight: 700;
  font-style: normal;
}