*{
 margin : 0;
 padding: 0;
 box-sizing: border-box;
}

body {
    margin: 20px;
/*    align-content: center;*/
    font-family: helvetica neue;
    font-size: 15px;
/*    width:100%;*/
    letter-spacing: px;
    color: #282828;
    
    
}



img {
	width:8%;
	margin-left: 20px;
}

div {
	 position: relative; 
     width: 400px;
     padding: 15px;        
     line-height: 60px;
     

     }

.contents {
    margin-top: 50px;
    
}
.update {
  position: fixed;
  bottom: 10px;
  left: 50px;
  font-size: 10px;
  z-index: 1000;
  opacity:0.5;
}

span {
  font-size: 10px;
}

select {
    margin-top: 10px;
    margin-left: 15px;
    position: fixed
    color: #282828;
}
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.overlay-content {
  
  
  max-width: 600px;
  text-align: center;
  line-height: 1.6;
}

.overlay-content button {
  margin-top: 20px;
  background: none;        /* 배경 제거 */
  border: none;            /* 테두리 제거 */
  padding: 0;              /* 여백 제거 */
  font-size: 16px;
  cursor: pointer;
  color:#b4b4b4;
}

.hidden {
  display: none;
}


.overlay-content a {
  color: #b4b4b4; /* 원하는 색상으로 지정: 예) 검정 */
  text-decoration: none; /* 밑줄 제거 (원하면 유지 가능) */
}

.overlay-content a:visited {
  color: #b4b4b4; /* 방문한 후에도 같은 색상 유지 */
}

.overlay-content a:hover {
  color: #b4b4b4; /* 호버 시 살짝 진하거나 연하게 */
  text-decoration: underline; /* 선택사항 */
}

.overlay-content a:active {
  color: #b4b4b4; /* 클릭 중일 때도 색상 유지 */
}



@media screen and (max-width: 704px) {
#preview {
    display: none !important;
  }
}
#note {
  background: red;

}