html,
body {
  overflow-x: hidden !important;
}

@tailwind base;
@tailwind components;
@tailwind utilities;
@import url('https://fonts.googleapis.com/css2?family=Manrope&family=Work+Sans&display=swap');
body {
  background-color: #ebf6f5;
  overflow-x: hidden;

}

.announcements {
  /* background-color: rgb(41, 105, 139); */
  background-color: rgb(41, 105, 139);
  /* @apply bg-sky-300; */
  padding: 1rem;
}

p {
  font-family: 'Manrope', sans-serif;
}

.uhscsfDescription {
  font-family: 'Manrope', sans-serif;
}

@media (min-width: 1399px) {
  .csfLogoBig {
    visibility: visible;
  }
}

.accordion-content {
  transition:
    max-height 0.4s ease-out,
    padding 0.3s ease;
}

.slides-container {
  max-width: 100%;
  margin: 0 auto;
}

.slides {
  width: 100%;
  /* Make it responsive */
  height: 100%;
  /* 16:9 aspect ratio (change as needed) */
}