h1 {
    color: red;
    font-size: 75px;
    margin: 0;
    font-weight: bold;
    text-align: center;

    animation: stuff both;
    animation-timeline: view();
    animation-range: 1% 70%;
}

@keyframes stuff {
    from {
        opacity: 0;
        transform: translateY(600px)
    }

    to {
        opacity: 1;
        transform: translateY(0px)
    }
}

.rotatelogo {
    display: block;
    margin: auto;
    animation: rotatelogoanimation;
    animation-timeline: view();
    animation-range: 10% 50%;
}

@keyframes rotatelogoanimation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }

}