/* 모달 배경 */
.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0,0,0,0.6);
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 모달 콘텐츠 */
.modal-content {
  position: relative;
  background: #25282a;
  padding: 30px;
  border-radius: 10px;
  width: 90%;
  max-width: 500px;
  max-height: 80vh;
  overflow: hidden;
  z-index: 2;
  text-align: center;
  box-shadow: 0 5px 20px rgba(0,0,0,0.3);
}
/* 풍선 애니메이션 */
.balloon-container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 1;
}

.balloon {
  position: absolute;
  width: 25px;
  height: 35px;
  border-radius: 50% 50% 50% 50%;
  opacity: 0.8;
  animation: floatInside 6s ease-in infinite;
}

.balloon::after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 50%;
  width: 2px;
  height: 20px;
  background: #555;
  transform: translateX(-50%);
}

.close {
  position: absolute;
  right: 20px;
  top: 10px;
  font-size: 30px;
  cursor: pointer;
  color:white;
}

.balloon.red    { background: #ff4d4d; left: 20%; animation-delay: 0s; }
.balloon.blue   { background: #4d79ff; left: 40%; animation-delay: 1s; }
.balloon.yellow { background: #ffff66; left: 60%; animation-delay: 2s; }
.balloon.green  { background: #66ff66; left: 30%; animation-delay: 3s; }
.balloon.pink   { background: #ff99cc; left: 50%; animation-delay: 4s; }

.birth_h2 {
    color : white;
}

.birth_p {
    color :white;
}

a.btn {
  color: white;
}

a.btn:link {
  background: #25282a;
}

a.btn:visited {
  background: #25282a;
}

a.btn:focus {
  background: #25282a;
}

a.btn:hover {
  background: #25282a;
}

a.btn:active {
  background: #25282a;
}

@keyframes floatInside {
  0% {
    bottom: -40px;
    opacity: 0;
    transform: translateY(0px);
  }
  50% {
    opacity: 1;
  }
  100% {
    bottom: 100%;
    opacity: 0;
    transform: translateY(-200px);
  }
}

@media  screen and (max-width: 600px) {
    .birth_h2 {
        color : white;
        font-size : 1.1rem;
    }
    .birth_p {
        font-size : 0.97rem;
        color :white;
    }
}