.animate__animated.animate__fadeInUp.dh {
    --animate-duration: 2s;
}

@media screen and (max-device-width: 2080px) {
    html {
        width: 100%;
        height: 100%;
        background: url(./生日快乐.webp);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center -20em;
    }

    .main {
        margin-top: 300px;
        margin-right: 30%;
        margin-left: 30%;
    }
}

@media screen and (max-device-width: 800px) {
    html {
        width: 100%;
        height: 100%;
        background: url(./生日快乐.webp);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center top;
    }

    .main {
        margin-top: 300px;
        margin-right: 0;
        margin-left: 0;
    }
}