@font-face {
  font-family: 'Khula';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Khula Light'), local('Khula-Light'), url(https://fonts.gstatic.com/s/khula/v5/OpNPnoEOns3V7G-ljBvTpio.ttf) format('truetype');
}
@font-face {
  font-family: 'Khula';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Khula Regular'), local('Khula-Regular'), url(https://fonts.gstatic.com/s/khula/v5/OpNCnoEOns3V7GcOrgs.ttf) format('truetype');
}
@font-face {
  font-family: 'Khula';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Khula SemiBold'), local('Khula-SemiBold'), url(https://fonts.gstatic.com/s/khula/v5/OpNPnoEOns3V7G_RihvTpio.ttf) format('truetype');
}
@font-face {
  font-family: 'Khula';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Khula Bold'), local('Khula-Bold'), url(https://fonts.gstatic.com/s/khula/v5/OpNPnoEOns3V7G-1ixvTpio.ttf) format('truetype');
}
@font-face {
  font-family: 'Khula';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: local('Khula ExtraBold'), local('Khula-ExtraBold'), url(https://fonts.gstatic.com/s/khula/v5/OpNPnoEOns3V7G-piBvTpio.ttf) format('truetype');
}