#title {
    animation-name: getInPosition;
    animation-duration: 1ms;
    animation-direction: alternate;
    animation-timeline: scroll(block nearest);
}

.start-info {
    animation-name: disappear, select_text;
    animation-duration: 1ms;
    animation-direction: alternate;
    animation-timeline: scroll(block nearest);
    animation-timing-function: steps(2, jump-none);
}

@keyframes getInPosition {
    from {
        left: 0;
        top: 0;

        font-size: 1em;
    }
    to {
        position: fixed;

        left: 2em;
        top: 2em;

        font-size: 0.5em;
    }
}

@keyframes select_text {
    0% {
        background-color: unset;
    }
    10% {
        background-color: #0337a0;
    }
    100% {
        background-color: #0337a0;
    }
}

@keyframes disappear {
    0% {
        opacity: 1;
    }
    25% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}