@font-face {
  font-family: 'Doppio One';
  font-style: normal;
  font-weight: 400;
  src: url(http://fonts.gstatic.com/s/doppioone/v14/Gg8wN5gSaBfyBw2MqCh-pgIrLA.ttf) format('truetype');
}
@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-weight: 400;
  src: url(http://fonts.gstatic.com/s/exo/v25/4UaZrEtFpBI4f1ZSIK9d4LjJ4lM3OwpmPg.ttf) format('truetype');
}
@font-face {
  font-family: 'Germania One';
  font-style: normal;
  font-weight: 400;
  src: url(http://fonts.gstatic.com/s/germaniaone/v21/Fh4yPjrqIyv2ucM2qzBjeS3uywhK.ttf) format('truetype');
}
@font-face {
  font-family: 'Jura';
  font-style: normal;
  font-weight: 400;
  src: url(http://fonts.gstatic.com/s/jura/v34/z7NOdRfiaC4Vd8hhoPzfb5vBTP1d7ZuoR_0.ttf) format('truetype');
}
@font-face {
  font-family: 'Metamorphous';
  font-style: normal;
  font-weight: 400;
  src: url(http://fonts.gstatic.com/s/metamorphous/v22/Wnz8HA03aAXcC39ZEX5y133ENSqp.ttf) format('truetype');
}
@font-face {
  font-family: 'Poiret One';
  font-style: normal;
  font-weight: 400;
  src: url(http://fonts.gstatic.com/s/poiretone/v18/UqyVK80NJXN4zfRgbdfbo5BcUg.ttf) format('truetype');
}