@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&display=swap'); 
  
  
  @font-face {
  font-family: 'Amiri';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Amiri-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Amiri';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/Amiri-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Amiri';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/Amiri-Italic.ttf') format('truetype');
}

@font-face {
  font-family: 'Amiri';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/Amiri-BoldItalic.ttf') format('truetype');
}

body {
  font-family: 'Amiri', serif;
}  



html, body {
    font-family: 'Amiri', serif;
}

*, *::before, *::after,
input, button, textarea, select {
    font-family: inherit !important;
}