@font-face {
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/assistant/v24/2sDPZGJYnIjSi6H75xkZZE1I0yCmYzzQtrhnIGaV2g.ttf) format('truetype');
}
@font-face {
  font-family: 'Mate SC';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/matesc/v23/-nF8OGQ1-uoVr2wK-iLT8w.ttf) format('truetype');
}
@font-face {
  font-family: 'Metal';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/metal/v32/lW-wwjUJIXTo7h3glIA.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Hw5aX8.ttf) format('truetype');
}