/* General body style */
body {
  background-color: #121212;
  color: white;
  scroll-behavior: smooth;
}

/* Light mode styles */
.light-mode {
  background-color: white;
  color: black;
}

/* add some spacing for nav links */
.nav-link {
  font-size: 1rem;
  padding: 0.5rem 1rem; /* more clickable area */
}

/* Card design */
.card {
  border-radius: 15px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
  transform: translateY(-10px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.4);
}

/* Footer text */
footer {
  font-size: 0.9rem;
}