@font-face {
  font-family: 'Athiti';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/athiti/v14/pe0vMISdLIZIv1wICxJS.ttf) format('truetype');
}
@font-face {
  font-family: 'Athiti';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/athiti/v14/pe0sMISdLIZIv1wA-DFCBfe6.ttf) format('truetype');
}
@font-face {
  font-family: 'Athiti';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/athiti/v14/pe0sMISdLIZIv1wA1DZCBfe6.ttf) format('truetype');
}
@font-face {
  font-family: 'Patrick Hand SC';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/patrickhandsc/v17/0nkwC9f7MfsBiWcLtY65AWDK873ljiK-.ttf) format('truetype');
}
@font-face {
  font-family: 'Paytone One';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/paytoneone/v25/0nksC9P7MfYHj2oFtYm2ChTtgP4.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/roboto/v50/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuaabVmUiA8.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/roboto/v50/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmUiA8.ttf) format('truetype');
}
@font-face {
  font-family: 'Share Tech';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/sharetech/v23/7cHtv4Uyi5K0OeZ7bohU8H0JnQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Spirax';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/spirax/v22/buE3poKgYNLy0F3sWUFp.ttf) format('truetype');
}
@font-face {
  font-family: 'Tulpen One';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/tulpenone/v26/dFa6ZfeC474skLgesc0Cajo6-A.ttf) format('truetype');
}