/* Additional styles on top of Tailwind */

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

footer {
  margin-top: auto;
}

/* .opacity-0 {
  opacity: 0;
}
.opacity-100 {
  opacity: 1;
} */
.header {
  @apply bg-white shadow-md;
}
#mobile-menu {
  transition: transform 300ms ease-in-out;
  transform: translateX(100%);
  opacity: 1;
}
#mobile-menu.active {
  transform: translateX(0);
}
/* Responsive adjustments */
@media (max-width: 768px) {
  .header {
    /* Adjust header styles for mobile */
  }

  main {
    /* Adjust main content styles for mobile */
  }
}