@font-face {
  font-family: 'Calligraffitti';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/calligraffitti/v20/46k2lbT3XjDVqJw3DCmCFjE0vkFeOZI.ttf) format('truetype');
}
@font-face {
  font-family: 'Cutive Mono';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/cutivemono/v23/m8JWjfRfY7WVjVi2E-K9H6RCTms.ttf) format('truetype');
}
@font-face {
  font-family: 'Gupter';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/gupter/v18/2-cm9JNmxJqPO1QkZpy7.ttf) format('truetype');
}
@font-face {
  font-family: 'Rubik Puddles';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/rubikpuddles/v2/1Ptog8bYX_qGnkLkrU5MJsQcFfe-xQ.ttf) format('truetype');
}