@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: #2c2c2c;
  color: #e2e8f0;
  scroll-behavior: smooth;
}

.project-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(249, 115, 22, 0.2);
}

.gradient-text {
  background: linear-gradient(90deg, #ffffff, #737373);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.nav-link:hover::after {
  width: 100%;
}

.nav-link::after {
  content: "";
  display: block;
  width: 0;
  height: 2px;
  background: #221bff;
  transition: width 0.3s;
}

.skill-pill:hover {
  transform: scale(1.05);
}