#loading{bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999;background-color:#f4f5f5;pointer-events:none;}.loader-inner{will-change:transform;width:40px;height:40px;position:absolute;top:50%;left:50%;margin:-20px 0 0 -20px;background-color:#3742fa;border-radius:50%;animation:scaleout 0.6s infinite ease-in-out forwards;text-indent:-99999px;z-index:999991;}@keyframes scaleout{0%{transform:scale(0);opacity:0;}40%{opacity:1;}100%{transform:scale(1);opacity:0;}}


body {

    cursor: url('https://blog-static.cnblogs.com/files/blogs/756783/favicon.ico'), default;

}
a:hover {cursor: url('https://blog-static.cnblogs.com/files/blogs/756783/hand.ico'), auto;}


div#midground{

    background: url("https://i.postimg.cc/PP5GtGtM/midground.png");

    z-index: -1;

    -webkit-animation: cc 200s linear infinite;

    -moz-animation: cc 200s linear infinite;

    -o-animation: cc 200s linear infinite;

    animation: cc 200s linear infinite;

}
div#foreground{

    background: url("https://i.postimg.cc/z3jZZD1B/foreground.png");

    z-index: -2;

    -webkit-animation: cc 253s linear infinite;

    -o-animation: cc 253s linear infinite;

    -moz-animation: cc 253s linear infinite;

    animation: cc 253s linear infinite;

}
div#top{

    background: url("https://i.postimg.cc/PP5GtGtM/midground.png");

    z-index: -4;

    -webkit-animation: da 200s linear infinite;

    -o-animation: da 200s linear infinite;

    animation: da 200s linear infinite;



}