body {
  font-family: Arial, sans-serif;
  scroll-behavior: smooth;
  background-color: #f0f4f8;
  color: #333;
  margin: 0;
}

h1, h2, h5 { font-weight: 700; }

section {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 80px 20px;
}

#hero {
  background: linear-gradient(135deg, #e1f5fe, #b3e5fc);
}

#about {
  background: linear-gradient(135deg,#e8f5e9,#c8e6c9);
  text-align: center;
}

#projects {
  background: linear-gradient(135deg,#fff3e0,#ffe0b2);
}

#contact {
  background: linear-gradient(135deg,#f3e5f5,#e1bee7);
}

.hero-content span {
  color: #0277bd;
}

.project-card, .contact-card {
  border-radius: 15px;
  transition: transform 0.3s, box-shadow 0.3s;
}

.project-card:hover, .contact-card:hover {
  transform: scale(1.05);
  box-shadow: 0 12px 25px rgba(0,0,0,0.15);
}

.navbar-nav a {
  transition: color 0.3s, transform 0.3s;
}

.navbar-nav a:hover {
  color: #01579b;
  transform: scale(1.05);
}

section p {
  font-size: 1.1rem;
  max-width: 800px;
}