body {
  background: linear-gradient(180deg, #ffffff, #e9ecef);
  color: #212529;
  font-family: 'Roboto', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  color: #212529;
}

a {
  color: #0dcaf0;
}

.card {
  position: relative;
  background-color: #ffffff;
  border: none;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  color: #333;
}

.card:hover {
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.3);
  transform: translateY(-4px);
}

.navbar-brand img {
  height: 40px;
}

.card-footer small {
  color: #495057;
}

section {
  padding: 4rem 0;
}

footer {
  background-color: #f8f9fa;
  color: #6c757d;
}

footer a {
  color: #0dcaf0;
}