@font-face {
  font-family: 'Mate SC';
  font-style: normal;
  font-weight: 400;
  src: url(http://fonts.gstatic.com/s/matesc/v23/-nF8OGQ1-uoVr2wK-iLT8w.ttf) format('truetype');
}
@font-face {
  font-family: 'Medula One';
  font-style: normal;
  font-weight: 400;
  src: url(http://fonts.gstatic.com/s/medulaone/v20/YA9Wr0qb5kjJM6l2V0yuoiYgtw.ttf) format('truetype');
}
@font-face {
  font-family: 'Metamorphous';
  font-style: normal;
  font-weight: 400;
  src: url(http://fonts.gstatic.com/s/metamorphous/v22/Wnz8HA03aAXcC39ZEX5y133EOyqp.ttf) format('truetype');
}
@font-face {
  font-family: 'Ruslan Display';
  font-style: normal;
  font-weight: 400;
  src: url(http://fonts.gstatic.com/s/ruslandisplay/v27/Gw6jwczl81XcIZuckK_e3Upfdwxsn9g.ttf) format('truetype');
}
@font-face {
  font-family: 'Smythe';
  font-style: normal;
  font-weight: 400;
  src: url(http://fonts.gstatic.com/s/smythe/v24/MwQ3bhT01--coT1xP7J7.ttf) format('truetype');
}
@font-face {
  font-family: 'Voltaire';
  font-style: normal;
  font-weight: 400;
  src: url(http://fonts.gstatic.com/s/voltaire/v23/1Pttg8PcRfSblAvGvTovaqE.ttf) format('truetype');
}