body {
    overflow: hidden;
    width: 100vw;
    height: 100dvh;
    background-color:#971E0B;
    animation: 2s bg-color 1s forwards;
}
@keyframes bg-color {
    0% { background-color: white; }
    20% { background-color: #971E0B; }
    40% { background-color: white; }
    60% { background-color: #971E0B; }
    80% { background-color: white; }
    100% { background-color: #971E0B; }
}

#img-box {
    position: absolute;
    left: -50vw;
    top: -50dvh;
    background-image: url(../img/img2.webp);
    background-size:contain;
    background-repeat: no-repeat;
    width: 200vw;
    height: 200dvh;
    background-position: center center;
    transform: scale(0.1);
    animation: 1s zoom-in steps(3) 2s forwards;
    z-index: 99;
}
@keyframes zoom-in {
    to {
        transform: scale(1);
    }
}
#logo {
    position: absolute;
    width: 15vw;
    aspect-ratio: 1 / 1;
    bottom: 1dvh;
    left: 1vw;
    background-image: url(../img/RP.webp);
    background-size:contain;
    background-repeat: no-repeat;
    background-position: center bottom;
    z-index: 100;
}