body {
  font-family: Arial;
}

.card {
  transition: 0.3s;
}

.card:hover {
  transform: scale(1.05);
}

/* simple animation (marks requirement) */
header {
  animation: fadeIn 1s ease-in;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
/* DARK MODE STYLES */
body.dark-mode {
  background-color: #121212;
  color: white;
}

body.dark-mode .card {
  background-color: #1e1e1e;
  color: white;
}

body.dark-mode header {
  background-color: #1e1e1e !important;
}

body.dark-mode .navbar {
  background-color: #000 !important;
}

body.dark-mode .btn-primary {
  background-color: #444;
  border: none;
}