@font-face {
  font-family: 'Cairo';
  src: url('./Cairo-Regular.woff') format('woff'),
       url('./Cairo-Regular.ttf') format('truetype');
       font-weight: 400;
       font-display: swap;
       font-style: normal;
}


@font-face {
  font-family: 'Cairo';
  src: url('./Cairo-SemiBold.woff') format('woff'),
       url('./Cairo-SemiBold.ttf') format('truetype');
       font-weight: 500;
       font-display: swap;
       font-style: normal;
}


@font-face {
  font-family: 'Cairo';
  src: url('./Cairo-Bold.woff') format('woff'),
       url('./Cairo-Bold.ttf') format('truetype');
       font-weight: 700;
       font-display: swap;
       font-style: normal;
}