/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */




/* Custom styles to ensure Tailwind is working */
.header-custom {
  background-color: #8B5CF6;
  color: white;
}
.footer-custom {
  background-color: #1F2937;
  color: white;
}

.notice {
  background-color: green;
  color: black;
  padding: 10px;
  border-radius: 5px;
  margin: 10px 0;
  font-size: 1.2em;
  font-weight: bold;
}

.alert {
  background-color: red;
  color: white;
  padding: 10px;
  border-radius: 5px;
  margin: 10px 0;
  font-size: 1.2em;
  font-weight: bold;
}

/* Before reveal */
.section,
.work-item {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

/* After reveal */
.reveal {
  opacity: 1;
  transform: translateY(0);
}