body {
  background-color: #272b30;
}

header img {
  max-height: 30vh;
  object-fit: cover;
}

.navbar {
  background-color: #3a497bf0 !important;
}

nav img {
  width: 40px;
}

.nav-link.active,
.nav-link:hover {
  color: #09c !important;
  transition: color 0.5s;
}

a,
p {
  font-size: 14px !important;
}

.card-footer .text-bg-secondary {
  background-color: #32383e !important;
}

.col {
  width: 280px;
}

.card {
  height: 300px;
  transform-origin: center;
  filter: grayscale(0.5);
  transition: 0.5s;
}

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

.spinner {
  transform: translate(-16px, -16px);
}