@font-face {
  font-family: 'Barrio';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/barrio/v20/wEO8EBXBk8hBIDi0cgwl.ttf) format('truetype');
}
@font-face {
  font-family: 'Cabin Sketch';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/cabinsketch/v23/QGYpz_kZZAGCONcK2A4bGOj8mNhI.ttf) format('truetype');
}
@font-face {
  font-family: 'Freckle Face';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/freckleface/v16/AMOWz4SXrmKHCvXTohxY-YIEVFiy.ttf) format('truetype');
}
@font-face {
  font-family: 'Puritan';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/puritan/v25/845YNMgkAJ2VTtIoxJ36QQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Puritan';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/puritan/v25/845dNMgkAJ2VTtIozCbfUdmp_w.ttf) format('truetype');
}
@font-face {
  font-family: 'Quando';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/quando/v18/xMQVuFNaVa6YuW0ZDK-3.ttf) format('truetype');
}