#top_title {
    opacity: 0;
    animation: fade_in linear forwards;
    animation-timeline: scroll(root);
    animation-range: 30% calc(30% + 100px);
}

@media (max-width: 350px) {
    #top_title {
        font-size: clamp(15px,6vw, 23px);
    }
}

@media (max-width: 240px) {
    #top_title {
        display: none;
    }
}