/* resume_style.css - Resume page specific styles */

.resume-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 0;
  background: linear-gradient(135deg, #f5f0eb 0%, #e8ddd0 100%);
  opacity: 0.3;
  pointer-events: none;
}

/* Card styling for resume choices */
.card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

/* Hero section */
.hero-section {
  background: linear-gradient(135deg, #2c3e50 0%, #3498db 100%);
  padding: 60px 0;
  position: relative;
  z-index: 1;
}

/* Ensure content is above background */
nav, #hero, main, footer {
  position: relative;
  z-index: 1;
}

/* Responsive tweaks */
@media (max-width: 768px) {
  .hero-section {
    padding: 40px 0;
  }
  
  .hero-section h1 {
    font-size: 2rem;
  }
}