@import url('https://fonts.googleapis.com/css2?family=Gowun+Dodum&family=Jua&family=Poor+Story&display=swap');

body {
    font-family: 'Gowun Dodum', sans-serif;
}

.font-jua {
    font-family: 'Jua', sans-serif;
}

.font-poor-story {
    font-family: 'Poor Story', sans-serif;
}

.font-gowun-dodum {
    font-family: 'Gowun Dodum', sans-serif;
}

#app-container {
    -webkit-tap-highlight-color: transparent;
}

section {
    min-height: calc(100vh - 1px);
}

.answer-btn p {
    white-space: pre-wrap;
    word-break: keep-all;
    line-height: 1.6;
}

.prose {
    line-height: 1.7;
    white-space: pre-wrap;
    word-break: keep-all;
}

.prose h3 {
    font-size: 1.1em;
    font-weight: bold;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}

.prose p {
    margin-bottom: 1em;
}

.page-enter {
    animation: fadeIn 0.5s ease-in-out forwards;
}

.page-exit {
    animation: fadeOut 0.5s ease-in-out forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(-10px);
    }
}

#progress-bar {
    transition: width 0.5s ease-in-out;
}