@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/dancingscript/v29/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3ROp5.ttf) format('truetype');
}
@font-face {
  font-family: 'Mate SC';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/matesc/v23/-nF8OGQ1-uoVr2wK-izT8w.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/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuaabVmaiA8.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');
}