* {
    scroll-behavior: smooth;
    font-family: 'Noto Sans CJK TC';
}


body {
    margin: 0;
    padding: 0;
    background: #F8F8F8;
}


.font-taiwan-peral {
    font-family: TaiwanPearl;
}

:root {
    --primary-red: #BE4C37;
    --primary-brown: #9F693C;
    --primary-gray: #575757;
    --primary-darkgray: #595758;
}

/* Hero Section */
.hero-title-shadow {
    text-shadow: 2px 2px 0px white;
}

.hero-background {
    background: radial-gradient(50% 50% at 50% 50%, #FEFDF9 0%, #FAE6AB 100%);
    height: 100%;
}

.hero-background-element {

}

.hero-character-talk {
    animation: show-up 1.5s ease forwards;
}

.hero-character {
    transform: translateY(30%);
    animation: slide-up 1.5s ease forwards;
    filter:drop-shadow(2px 3px 2px black);
}

.hero-title-container {
    position: absolute;
    top: 0;
    left: 8%;
}

.hero-character-container {

}

.hero-info-container {

}

/* Teacher Section */
.teacher_tag {
    background: var(--primary-red);
    color: white;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Section */
section {
    transform: translateY(15px);
    opacity: 0;
    transition: all 0.3s;
}

section.active-in {
    opacity: 1;
    transform: translateY(0);
}