.container {
  padding: 20px;
}

.form {
  margin-bottom: 20px;
  color: white;
}

.error {
  color: red;
}

.item{
  color:white;
}
.spin{
  position:absolute;
  left:50%;
  top:50%;
  transform: translate(-50%, -50%);
}
.cardWrapper {
  display: flex;
  flex-direction: column;
  gap: 20px; /* Расстояние между карточками */
}

.card {
  border: 1px solid #d9d9d9; /* Цвет и стиль обводки */
  border-radius: 4px; /* Закругление углов */
  padding: 16px; /* Отступы внутри карточки */
  transition: box-shadow 0.3s; /* Плавный переход для теней */
  
  &:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Тень при наведении */
  }
}