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

:root {
  --primary: #0ea5e9;
  --primary-dark: #0284c7;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Poppins", system-ui, sans-serif;
  overflow-x: hidden;
}

.hero-bg {
  background: url(../src/ooorganize.svg);
}

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

.project-card:hover {
  transform: translateY(-12px) scale(1.01) !important;
  box-shadow: 0 25px 50px -12px rgba(14, 165, 233, 0.35) !important;
}

.nav-link {
  position: relative;
}

.nav-link::after {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  bottom: -4px;
  left: 0;
  background-color: var(--primary);
  transition: width 0.3s ease;
}

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

#back-to-top {
  transition: all 0.3s ease;
}

#back-to-top:hover {
  transform: scale(1.15);
}