body * {
    font-family: "Pretendard Variable", sans-serif;
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-y: auto; /* 스크롤을 허용합니다 */
}

.main-content {
    min-height: 100vh;  /* 화면 전체 높이와 동일하게 */
    padding-bottom: 50px;  /* footer의 높이만큼의 공간을 확보합니다. footer의 실제 높이에 따라 조절해야 할 수 있습니다. */
    box-sizing: border-box; /* padding을 포함하여 전체 높이 계산 */
    overflow: visible;  /* 스크롤을 숨깁니다 */
}

.footer {
    height: 50px;  /* footer의 높이 설정 */
}


.light-mode input::placeholder,
.light-mode textarea::placeholder {
    color: gray; /* 또는 원하는 다른 색 */
}

.light-mode textarea {
    color: black; /* 또는 원하는 다른 색 */
}

/* 다크 모드 */
.dark-mode textarea {
    color: white; /* 또는 원하는 다른 색 */
}

/* 다크 모드 */
.dark-mode input::placeholder,
.dark-mode textarea::placeholder {
    color: lightgrey; /* 또는 원하는 다른 색 */
}
#userTranslation {
    overflow-y: hidden; /* 세로 스크롤바 숨기기 */
    resize: none; /* 사용자가 수동으로 크기를 변경하지 못하게 함 */
}