* {
  font-family: "Share Tech Mono", sans-serif;
  scroll-behavior: smooth;
}
.floating-nav {
  animation: float 6s ease-in-out infinite;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
@keyframes float {
  0% {
    transform: translate(-50%, 0px);
  }
  50% {
    transform: translate(-50%, -8px);
  }
  100% {
    transform: translate(-50%, 0px);
  }
}
.section {
  scroll-margin-top: 100px;
}
.project-card {
  transition: all 0.3s ease;
  transform: perspective(1000px) rotateY(0deg);
}
.project-card:hover {
  transform: perspective(1000px) rotateY(5deg);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}
.skill-bar {
  height: 8px;
  border-radius: 4px;
  overflow: hidden;
}
.skill-progress {
  height: 100%;
  transition: width 1.5s ease-in-out;
}
.contact-input:focus {
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.3);
  border-color: #4da8da;
}
.floating {
  animation: floating 8s ease-in-out infinite;
}

#portfolioModal {
  margin-top: -10px;
}
@keyframes floating {
  0% {
    transform: translate(0, 0px);
  }
  50% {
    transform: translate(0, 12px);
  }
  100% {
    transform: translate(0, -0px);
  }
}
.timeline-dot {
  z-index: 2;
}
@media (max-width: 1023px) {
  .floating-nav {
    padding: 0.5rem 1rem;
    width: 95%;
    max-width: 500px;
  }
  .floating-nav a span {
    display: none;
  }
  .floating-nav a i {
    font-size: 1.2rem;
  }
  .section {
    scroll-margin-top: 80px;
  }
}
@media (max-width: 639px) {
  .floating-nav {
    padding: 0.5rem;
    gap: 0.5rem;
  }
  .floating-nav a {
    padding: 0.5rem;
  }
  .floating-nav a i {
    font-size: 1rem;
  }
}