/*背景图 background-image:url("https://img.zcool.cn/community/0102925b6582a4a801206a3521ab26.jpg@3000w_1l_0o_100sh.jpg");*/
body
{
 background-image: url("https://images.cnblogs.com/cnblogs_com/blogs/672076/galleries/1961386/o_2104140925005.jpg");

background-repeat: no-repeat;
background-size:100% ;
background-attachment:fixed;

}
/*span，a标签*/
span{

}
 a{

}
#matrix{position: fixed; top:0; left: 0; z-index: -1; opacity:0.8;}
/*标题彩虹滚动字*/
#Header1_HeaderTitle
{
background-image: 
        -webkit-gradient( linear, left top, right top, color-stop(0, #f22), 
        color-stop(0.15, #f2f), 
        color-stop(0.3, #22f), 
        color-stop(0.45, #2ff), 
        color-stop(0.6, #2f2),
        color-stop(0.75, #2f2), 
        color-stop(0.9, #ff2), 
        color-stop(1, #f22) );
    color: transparent;-webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-background-size: 200% 100%;
    -webkit-animation:  maskedAnimation 2s infinite linear;
    -webkit-background-clip: text;-moz-background-clip: text;-ms-background-clip: text
}

/*文字颜色变化*/
@keyframes maskedAnimation {
    0% {
    background-position: 0 0;
    }
    100% {
        background-position: -100% 0;
    }
}
/*文字颜色变化*/
@keyframes change {
0% {color: DeepPink;}
25% {color: DeepSkyBlue;}
50% {color: Gold;}
75% {color: MediumAquamarine;}
100% {color: BlueViolet;}
}

/*github*/
.git-link {
    z-index: 100;
    position: fixed;
    top: 52px;
    left: 200px;
    border: 0;
    height: 63px;
    width:77px;
    transform: rotate(90deg);
    -webkit-transform: rotate(1deg);
    -moz-transform: rotate(1deg);
    -o-transform: rotate(1deg);
    -ms-transform: rotate(1deg);
background-image: url(https://blog-static.cnblogs.com/files/blogs/672076/QQ%E5%9B%BE%E7%89%8720210414102224.gif);

   
}
/*头部*/ 
.header{
    margin-top: 40px;
   margin-left: 500px;
    border: 0;}

/*导航栏*/
#mylinks
{
   margin-top: 40px;
   margin-left: 500px;
   width:400px;
  color:black;
}
.headerText{
margin-left: 500px;
}
.headerDis{
margin-left: 500px;
  color:black;}
#mylinks a{
  color:black;}
/*标题彩虹滚动字*/
#mylinks
{
background-image: 
        -webkit-gradient( linear, left top, right top, color-stop(0, #f22), 
        color-stop(0.15, #f2f), 
        color-stop(0.3, #22f), 
        color-stop(0.45, #2ff), 
        color-stop(0.6, #2f2),
        color-stop(0.75, #2f2), 
        color-stop(0.9, #ff2), 
        color-stop(1, #f22) );
    color: transparent;-webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-background-size: 200% 100%;
    -webkit-animation:  maskedAnimation 2s infinite linear;
    -webkit-background-clip: text;-moz-background-clip: text;-ms-background-clip: text
}

/*左区域*/
#left{

   margin-left: 500px;
    width:900px;
}
/*右区域*/
#right{
    float: left;
   margin-left: 80px;
    width:300px;
}

/*鼠标*/
body{
cursor: url(https://files-cdn.cnblogs.com/files/miluluyo/cursora.ico),auto;}

/*公告*/width: calc(100% - 130px);
.blogStats{

margin-right:170px;
}


#infos {
    position: relative;
    overflow: inherit;
   padding: 10px 15px;
    text-align: center;
}
#attention{
height: 180px;
    width: 180;
    line-height: 180px;
    position: absolute;
    z-index: 2;
    cursor: pointer;}
#attention:hover:hover {
    background: url(https://images.cnblogs.com/cnblogs_com/blogs/672076/galleries/1961386/o_210414074531preview.jpg);
    background-size: cover;
    color: #999;
 
}

#attention span {
    color: #fff;
    margin: 4px;
    background: rgba(0,0,0,0.4);
    width: 180px;
    height: 180px;
    display: inline-block;
    border-radius: 40px;
    display: none;
    cursor: pointer;
}
#attention:hover span {
    display: inline-block;
}