html {
  scroll-behavior: smooth;
}

body {
  font-family: Arial, sans-serif;
}

.hero-section {
  height: 100vh;
  background: linear-gradient(to right, #007bff, #00c6ff);
  color: white;
  text-align: center;
}

.skill-box {
  background: white;
  border-radius: 10px;
  transition: 0.3s;
}

.skill-box:hover {
  transform: translateY(-5px);
}

.card {
  border: none;
  border-radius: 10px;
}

section {
  padding-top: 80px;
}

textarea {
  resize: none;
}