@font-face {
  font-family: 'Afacad';
  src: url('afacad\ bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal; /* Non-italic */
  font-display: swap; /* Use fallback until loaded */
}

@font-face {
  font-family: 'Afacad';
  src: url('afacad\ semi\ bold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Afacad';
  src: url('afacad\ medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Afacad';
  src: url('afacad\ regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal; 
  font-display: swap; 
}









body {
  font-family: 'Afacad', Arial, sans-serif; /* Fallbacks: Arial, sans-serif */
  font-size: 1rem;
  font-weight: 400; 
  font-style: normal;
  color: #f1f1f1;
}

h1 {
  font-family: 'Afacad', Arial, sans-serif;
  font-size: 2.5rem;
  font-weight: 700; 
  font-style: normal;
  color: #f1f1f1;
}

h2 {
  font-family: 'Afacad', Arial, sans-serif;
  font-size: 1.8rem;
  font-weight: 600;
  font-style: normal;
  color: #f1f1f1;
}

p {
  font-family: 'Afacad', Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400; 
  font-style: normal;
  color: #f1f1f1;
}