.star-1 {
  animation-delay: 1.5s;
  top: 45%;
}

.star-2 {
  animation-delay: 3s;
  top: 60%;
}

.star-3 {
  animation-delay: 5.5s;
  top: 25%;
}

.star-4 {
  animation-delay: 7s;
  top: 75%;
}

.star-5 {
  animation-delay: 2.5s;
  top: 85%;
}

.star-6 {
  animation-delay: 6s;
  top: 15%;
}

/* 별똥별 컨테이너 스타일 */
.shooting-stars {
  position: fixed; 
  top: 50%;
  left: 50%;
  height: 200vh;
  width: 270vh;
  transform: translate(-50%, -50%) rotate(-215deg);
  z-index: -1; 
  pointer-events: none;
}

/* 개별 별똥별 스타일 */
.shooting-star {
  position: fixed; 
  left: -150px;
  top: 80px;
  width: 2px;
  height: 2px;
  border-radius: 2px;
  background-color: #fff;
  animation: shoot-star 10s linear infinite;
}

.shooting-star:before {
  position: absolute;
  display: block;
  content: "";
  width: 130px;
  right: 1px;
  top: 0;
  height: inherit;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 100%);
}

.shooting-star--mid {
  animation-duration: 5s;
  top: 67%;
  animation-delay: 4s;
}

.shooting-star--meh {
  animation-name: shoot-star-pause;
  animation-duration: 8s;
  top: 37%;
  animation-delay: 1s;
}

.shooting-star--fast {
  width: 1px;
  height: 1px;
  animation: shoot-star-pause 10s linear infinite;
  top: 90%;
  animation-delay: 2s;
}

/* 애니메이션 키프레임 */
@keyframes shoot-star {
  0% { left: -100px; }
  70% { left: calc(100% + 100px); }
  100% { left: calc(100% + 100px); }
}

@keyframes shoot-star-pause {
  0% { left: -100px; }
  20% { left: calc(100% + 100px); }
  100% { left: calc(100% + 100px); }
}


body.theme-default.layout-single-column{
    --bg-image : url('https://i.imgur.com/O3fJeyc.jpeg');
    --logo: url('https://i.imgur.com/op2mGJU.png');
    --m-logo: url('https://i.imgur.com/ogXEioN.png');
}
:root {
    --bg-image: url('https://i.imgur.com/4dhjDhs.jpeg');
    --logo: url('https://i.imgur.com/op2mGJU.png');
    --m-logo: url('https://i.imgur.com/T8eWjXc.png');
}