/* assets/css/style.css - small custom styles to complement Tailwind's CDN */
:root{
  --brown-dark: #7b5e3b;
  --brown-light: #a1825a;
  --bg-1:#0f0f0f;
}
body{ background: linear-gradient(180deg, #0f0f0f 0%, #111111 100%); }
a{ text-decoration: none; }
.section-divider {
  opacity: 0;
  transform: scaleX(0.8);
  animation: dividerFade 1s ease forwards;
}

@keyframes dividerFade {
  to {
    opacity: 1;
    transform: scaleX(1);
  }
}
/* === Section Divider === */
.section-divider {
  width: 80%;
  height: 1px;
  margin: 4rem auto;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(123, 94, 59, 0.4),
    transparent
  );
  border-radius: 2px;
  box-shadow: 0 0 6px rgba(123, 94, 59, 0.3);
}