/* About Page Specific Styles */
#about {
  padding: 50px 20px;
  text-align: center;
  flex: 1; /* Ensure the about section grows to fill available space */
}

#about h1 {
  font-family: 'Orbitron', sans-serif;
  font-size: 3rem;
  margin-bottom: 20px;
  color: #00ffcc;
}

body:not(.dark-mode) #about h1 {
  color: #1a1a1a; /* Light mode heading color */
}

#about p {
  font-size: 1.2rem;
  max-width: 800px;
  margin: 0 auto 30px;
}

.tech-stack h2 {
  font-family: 'Orbitron', sans-serif;
  font-size: 2rem;
  margin-bottom: 20px;
  color: #00ffcc;
}

body:not(.dark-mode) .tech-stack h2 {
  color: #1a1a1a; /* Light mode heading color */
}

.tech-icons {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.tech-icons img {
  width: 60px;
  height: 60px;
  transition: transform 0.3s ease;
}

.tech-icons img:hover {
  transform: scale(1.2);
}
/* Ensure the About page stretches to fill the full height */
#app {
  display: flex;
  flex-direction: column;
  min-height: 100vh; /* Full viewport height */
}

main {
  flex: 1; /* Allow main to grow and push the footer down */
}