.flying-dragon {
  position: fixed;
  top: 10%;
  left: -200px; /* mulai di luar layar kiri */
  width: 150px;
  animation: fly-around 20s linear infinite;
  z-index: 9999;
  pointer-events: none; /* biar gak ganggu klik */
}

@keyframes fly-around {
  0%   { transform: translateX(0) translateY(0) rotateY(0deg); }
  25%  { transform: translateX(110vw) translateY(20vh) rotateY(0deg); }
  26%  { transform: translateX(110vw) translateY(20vh) rotateY(180deg); }
  50%  { transform: translateX(0) translateY(40vh) rotateY(180deg); }
  51%  { transform: translateX(0) translateY(40vh) rotateY(0deg); }
  75%  { transform: translateX(110vw) translateY(60vh) rotateY(0deg); }
  76%  { transform: translateX(110vw) translateY(60vh) rotateY(180deg); }
  100% { transform: translateX(0) translateY(0) rotateY(180deg); }
}

#particles-js {
  position: absolute;
  width: 80%;
  height: 100%;
  z-index: 0;
}
.welcome-content {
  position: relative;
  z-index: 1;
}

.project-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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