@font-face {
  font-family: 'Acme';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/acme/v27/RrQfboBx-C5_XxrBaw.ttf) format('truetype');
}
@font-face {
  font-family: 'Balthazar';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/balthazar/v18/d6lKkaajS8Gm4CVQjFEfzh7s.ttf) format('truetype');
}
@font-face {
  font-family: 'Sansita';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/sansita/v12/QldONTRRphEb_-V7LB6xSQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Voltaire';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/voltaire/v23/1Pttg8PcRfSblAvGvTovaqE.ttf) format('truetype');
}
.font-effect-neon {
  text-shadow: 0 0 0.1em #fff, 0 0 0.2em #fff, 0 0 0.3em #fff, 0 0 0.4em #f7f,0 0 0.6em #f0f, 0 0 0.8em #f0f, 0 0 1.0em #f0f, 0 0 1.2em #f0f;
  color: #fff;
}
.font-effect-outline {
  text-shadow:0 1px 1px #000, 0 -1px 1px #000, 1px 0 1px #000, -1px 0 1px #000;
  color: #fff;
}
.font-effect-emboss {
  text-shadow: 0px 1px 1px #fff, 0 -1px 1px #000;
  color: #ddd;
}
.font-effect-shadow-multiple {
  text-shadow: .04em .04em 0 #fff,.08em .08em 0 #aaa;
}