body {
  margin: 0;
  background: #0b0f19; /* 暗い夜空の背景色 */
  overflow: hidden;
}

#rain-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1;
  pointer-events: none; /* マウス操作を邪魔しない */
}

/* 雨粒の共通スタイル */
.drop {
  position: absolute;
  top: -50px;
  background: linear-gradient(transparent, rgba(255, 255, 255, 0.6));
  animation: fall linear infinite;
}

/* 落下アニメーション */
@keyframes fall {
  0% {
    transform: translateY(0) rotate(15deg);
  }
  100% {
    transform: translateY(calc(100vh + 50px)) rotate(15deg);
  }
}