body, html {
  margin: 0;
  padding: 0;
  height: 100%;
}

#hangar {
  width: 100%;
  height: 100%;
  background-image: url('images/hangar_night.jpg');
  background-size: cover;
  background-position: center;
  transition: background-image 0.8s ease;
}

.blink {
  transition: none;
}

#logoContainer {
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 350px;
  height: 100px;
  cursor: pointer;
}

.logo {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.reveal {
  animation: radialReveal 0.6s forwards;
}

@keyframes radialReveal {
  0% {
    clip-path: circle(0% at 50% 50%);
  }
  100% {
    clip-path: circle(150% at 50% 50%);
  }
}

@keyframes bounce {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1);
  }
  30% {
    transform: translate(-50%, -50%) scale(1.1);
  }
  60% {
    transform: translate(-50%, -50%) scale(0.95);
  }
}

.bounce {
  animation: bounce 0.4s ease;
}