@font-face {
  font-family: 'Rancho';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/rancho/v22/46kulbzmXjLaqZRVam_k.ttf) format('truetype');
}
.font-effect-ice {
  -webkit-mask-image: url(//themes.googleusercontent.com/static/patterns/ice.png?v=2);
  mask-image: url(//themes.googleusercontent.com/static/patterns/ice.png?v=2);
  color: #0cf;
}
.font-effect-fire-animation {
}
.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-splintered {
  -webkit-mask-image: url(//themes.googleusercontent.com/static/patterns/splintered.png?v=2);
  mask-image: url(//themes.googleusercontent.com/static/patterns/splintered.png?v=2);
  color: #5a3723;
}
.font-effect-grass {
  -webkit-mask-image: url(//themes.googleusercontent.com/static/patterns/grass.png?v=2);
  mask-image: url(//themes.googleusercontent.com/static/patterns/grass.png?v=2);
  color: #390;
}