/* 기존 reset 유지 */
* { margin: 0; padding: 0; }

body{
    margin: 0;
  min-height: 100vh;
   background-image: url("img/IMG3.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;


  
  font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo",
               system-ui, "Helvetica Neue", sans-serif;


  overflow: hidden;
  line-height: 1.3;
  word-break: keep-all;
  
  cursor: pointer;
}

a{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  
  text-decoration: none;

  display: flex;
  justify-content: center;   /* 화면 안에서 세로 위치 */
}

.wrap{
  width: 500px;
  margin: 0 auto;
  padding: 20px 15px;
  box-sizing: border-box;


  display: flex;
  flex-direction: column;    /* 위→아래로 쌓기 */
  align-items: flex-start;   /* 기본은 왼쪽 정렬 */
}

/* 말풍선 공통 */
p{
  font-size: 12pt;
  display: block;
  padding: 10px 14px;
  margin: 7px 0;
  border-radius: 15px;
  color: white;
   background-color: rgba(255, 255, 255, 0.2); /* 흰색 50% 투명 */
 
  border-bottom: 2px solid #ffffff;
  border-top: 2px solid #ffffff;

  max-width: 70%;
  align-self: flex-start;     /* 기본: 왼쪽 */
}

/* q1만 오른쪽 */
.q1{
  
  align-self: flex-end;       /* 오른쪽으로 */
}


/* 페이지 전환 로직 */
a:not(:first-child){ display: none; }
a:target{ display: flex; }   /* ★ block 말고 flex로 */

a:visited{ color: black; }

.mark{ color: #52ffff;}

     
      @media screen and (max-width: 704px) {

}