/* Embed custom fonts */
@font-face {
  font-family: 'Gabriola';
  src: url('fonts/gabriola.woff2') format('woff2'),
       url('fonts/gabriola.woff') format('woff'),
       url('fonts/gabriola.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Digital';
  src: url('fonts/digital.woff2') format('woff2'),
       url('fonts/digital.woff') format('woff'),
       url('fonts/digital.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* Class to apply the font */
.font-digital {
  font-family: 'Digital', sans-serif;
}.green-text {
  color: green;
}

/* Custom overrides for Tailwind */
body {
  scroll-behavior: smooth;
}

/* Style for navigation links */
nav ul li a {
  transition: color 0.3s ease;
}

/* Classes for using the custom fonts in HTML */
.font-gabriola {
  font-family: 'Gabriola', serif; /* fallback to serif if font not loaded */
}

.font-digital {
  font-family: 'Digital', sans-serif; /* fallback to sans-serif if font not loaded */
}