@font-face {
  font-family: 'Metrophobic';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/metrophobic/v24/sJoA3LZUhMSAPV_u0qwiAQ-O5Xo.ttf) format('truetype');
}
@font-face {
  font-family: 'Play';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/play/v21/6aez4K2oVqwIvtU2Gg.ttf) format('truetype');
}
@font-face {
  font-family: 'Play';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/play/v21/6ae84K2oVqwItm4TCpAy3w.ttf) format('truetype');
}
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/tinos/v25/buE4poGnedXvwjX7fmE.ttf) format('truetype');
}
@font-face {
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/tinos/v25/buE1poGnedXvwj1AW3Fu0Co.ttf) format('truetype');
}