/* =====================================
   CARDS
===================================== */

.card {
  padding: 24px;
  background: #ff69b4;
  border: 4px solid #000;
  box-shadow: 6px 6px 0 #000;

  display: flex;
  flex-direction: column;
  gap: 16px;

  transform: rotate(1deg);
  transition: transform 0.15s ease;
}

.card:nth-child(even) {
  transform: rotate(-2deg);
}

.card:hover {
  transform: translateY(-6px) rotate(1deg);
}

.card .name {
  font-size: 18px;
}

.card .desc {
  font-size: 14px;
  color: #0000ff;
}