/* Cute card styling - removing shadows and adding borders */

.side-project-card {
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  border: 2px solid rgba(0, 0, 0, 0.12) !important;
  box-shadow: none !important;
}

.side-project-card:hover {
  transform: translateY(-2px) scale(1.01) !important;
  border-color: rgba(0, 0, 0, 0.2) !important;
  box-shadow: none !important;
}

/* Remove box shadows from mobile specific styles */
@media (max-width: 600px) {
  .side-project-card {
    box-shadow: none !important;
  }
}

/* Dark mode adjustments */
:root[data-theme="dark"] .side-project-card {
  background: rgba(30, 30, 35, 0.8) !important;
  border: 2px solid rgba(255, 255, 255, 0.15) !important;
  box-shadow: none !important;
}

:root[data-theme="dark"] .side-project-card:hover {
  border-color: rgba(255, 255, 255, 0.25) !important;
  box-shadow: none !important;
}