/* ---------- 전체 Body 스타일 ---------- */
body {
  font-family: 'Roboto', sans-serif;
  margin: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #fdfdfd;
}

/* ---------- 힌트 문구 ---------- */
.hint {
  font-size: 18px;
  color: #555;
  margin-bottom: 10px;
  text-align: center;
}

/* ---------- 이미지 팝업 ---------- */
.image-container {
  position: relative;
  width: 100%;
  height: 100%;
}

.reveal-img {
  max-width: 40%;
  max-height: 40%;
  opacity: 0;
  transition: transform 1.2s cubic-bezier(0.25,0.8,0.25,1),
              opacity 1.2s cubic-bezier(0.25,0.8,0.25,1);
  pointer-events: none;
  display: none;
}

/* ---------- Footer 이름 ---------- */
.footer p {
  font-size: 10px; /* 이름 폰트 크기 */
  color: #333;
  text-align: center;
  margin: 0;
  padding: 10px 0;
}