@font-face{
    font-family:Pretendard;
    src:url(./PretendardVariable-Dcku2I80.ttf)
}
@font-face{
    font-family:LTCushion;
    src:url(./LTCushion-Bold-CRAA1eYS.ttf)
}
html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
    background-color: #BCD1D4;
    color: #000;
    font-family: "Pretendard";
    font-size: 20px;
    line-height: 120%;
}
#hint {
    position: absolute;
    left: 50%; /* 가로 가운데 정렬 */
    transform: translateX(-50%); /* 가운데 정렬을 위해 추가 */
    top: 100px; /* 세로 위치 설정 */
}
.hintanswer {
    display: none;
    font-size: 15px;
}
.hintlist {
    font-weight: bold;
    line-height: 250%;
}
.imghint {
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2); /* 그림자 설정 */ 
}
.reality{
    white-space: nowrap;
    font-family: "LTCushion";
}
.reality2{
    font-family: "LTCushion";
    font-size: 30px;
}
.logo {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            opacity: 0.1; /* 투명도 설정 */
            width: 40%; /* 필요에 따라 크기 조정 */
            height: auto; /* 비율 유지 */
            z-index: 0; /* 다른 콘텐츠 뒤에 위치하도록 설정 */
        }