@font-face {
  font-family: 'Abel';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/abel/v18/MwQ5bhbm2POE2V9BOA.ttf) format('truetype');
}
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/kanit/v17/nKKZ-Go6G5tXcraVGwU.ttf) format('truetype');
}
@font-face {
  font-family: 'Khula';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/khula/v17/OpNPnoEOns3V7G-ljBvTpio.ttf) format('truetype');
}
@font-face {
  font-family: 'Khula';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/khula/v17/OpNCnoEOns3V7GcOrgs.ttf) format('truetype');
}
@font-face {
  font-family: 'Khula';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/khula/v17/OpNPnoEOns3V7G_RihvTpio.ttf) format('truetype');
}
@font-face {
  font-family: 'Khula';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/khula/v17/OpNPnoEOns3V7G-1ixvTpio.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/sourcecodepro/v31/HI_diYsKILxRpg3hIP6sJ7fM7PqPMcMnZFqUwX28DJKQtMlrSQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/sourcecodepro/v31/HI_diYsKILxRpg3hIP6sJ7fM7PqPMcMnZFqUwX28DMyQtMlrSQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/sourcecodepro/v31/HI_diYsKILxRpg3hIP6sJ7fM7PqPMcMnZFqUwX28DP6QtMlrSQ.ttf) format('truetype');
}