@tailwind base;
@tailwind components;
@tailwind utilities;

#hero-1 {
  background-image: url("/assets/images/kampus.jpg");
  background-size: cover;
  animation-delay: 0s;
}

#hero-2 {
  background-image: url("/assets/images/papan_kampus.jpg");
  background-size: cover;
  animation-delay: 5s;
}

#hero-3 {
  background-image: url("/assets/images/pintu_kampus.jpg");
  background-size: cover;
  animation-delay: 10s;
}

.x-announcement {
  background-image: url("/assets/images/bg-pengumuman.png");
  background-size: cover;
}