/* Global Styles */
body {
  margin: 0;
  font-family: 'Helvetica Neue', Arial, sans-serif;
  background-color: #121212;
  color: #e0e0e0;
  background-image: url('assets/background.webp'); /* Path to your background image */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

header {
  padding: 20px;
  text-align: center;
}

header h1 {
  margin: 0;
  font-size: 2.5em;
  animation: glow 1.5s ease-in-out infinite alternate;
}

@keyframes glow {
  from {
    text-shadow: 0 0 7px #203b4d;
  }
  to {
    text-shadow: 0 0 15px #607e91;
  }
}

/* Container for Project Cards */
.container {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* Two columns on wider screens */
  gap: 20px;
  padding: 20px;
}

/* Single column on small screens */
@media (max-width: 600px) {
  .container {
    grid-template-columns: 1fr;
  }
}

/* Project Card Styles */
.card {
  background-color: #1e1e1e;
  border-radius: 8px;
  text-decoration: none;
  color: inherit;
  transition: transform 0.3s ease;
  overflow: hidden;
  width: 70%;       /* Card takes 70% of its container width */
  margin: 0 auto;   /* Center the card horizontally */
}

.card:hover {
  transform: scale(1.03);
}

/* Uniform Image Styling */
.card img {
  width: 100%;
  height: 300px;         /* Fixed height for uniformity */
  object-fit: contain;   /* Show entire image without cropping */
  display: block;
  margin: 0 auto;
}


/* Card Content - Center Text */
.card-content {
  padding: 15px;
  text-align: center;    /* Center text in the card */
}

.card-content h2 {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 1.5em;
}

.card-content p {
  margin: 0;
  font-size: 1em;
  line-height: 1.4;
}