@font-face {
  font-family: 'Basic';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/basic/v18/xfu_0WLxV2_XKTNw6FQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/bitter/v40/raxhHiqOu8IVPmnRc6SY1KXhnF_Y8ajfOLjOWA.ttf) format('truetype');
}
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/bitter/v40/raxhHiqOu8IVPmnRc6SY1KXhnF_Y8fbfOLjOWA.ttf) format('truetype');
}
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/bitter/v40/raxhHiqOu8IVPmnRc6SY1KXhnF_Y8RHYOLjOWA.ttf) format('truetype');
}
@font-face {
  font-family: 'Brawler';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/brawler/v20/xn7gYHE3xXewAscGggexTw.ttf) format('truetype');
}
@font-face {
  font-family: 'Brawler';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/brawler/v20/xn7lYHE3xXewAscGiryUX9r8fA.ttf) format('truetype');
}
@font-face {
  font-family: 'Shanti';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/shanti/v25/t5thIREMM4uSDgzQVE23.ttf) format('truetype');
}