@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

body {
  font-family: 'Inter', sans-serif;
  background-color: #0f172a;
  color: #e2e8f0;
  overflow-x: hidden;
}

.gradient-bg {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
}

.tech-icon {
  transition: all 0.3s ease;
}

.tech-icon:hover {
  transform: translateY(-5px);
  filter: brightness(1.2);
}

.project-card {
  transition: all 0.3s ease;
}

.project-card:hover {
  /* transform: translateY(-10px); */
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3), 0 10px 10px -5px rgba(0, 0, 0, 0.2);
}

.contact-form input, .contact-form textarea {
  transition: all 0.3s ease;
}

.contact-form input:focus, .contact-form textarea:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.3);
}