.pagenav{
    background-image: url("https://static.igem.wiki/teams/5300/source/content-test/6o.png");
}

#tt0{
    transform: translate(95px, 10px);
}
#tt1{
    transform: translate(20px, 6px);
}
#tt2
{
    transform: translate(105px, 3px);
}
#tt3{
    transform: translate(15px, 2px);
}
#tt4{
    transform: translate(100px, 1px);
}
#tt5{
    transform: translate(2px, -5px);
}


.skew {
    font-style: italic;
}

.title_blank{
    transform: translate(0, -100px);
    z-index: 10;
}

/*
.saying {
    font-family: 'Times New Roman', serif; 
    font-size: 24px; 
    color: #333; 
    line-height: 1.6; 
    position: relative; 
    padding: 20px;
    margin: 30px 0; 
    border-left: 5px solid #0056b3; /* 添加一个左边界，增加可读性 
    border: 3px solid #01070e; 
}

.sdititle {
    font-size: 24px;     
    font-weight: 600;   
    text-align: center;  
    color: blue;
}
*/
.b{
    font-size: 24px;
}

h4{
    font-weight: bold;
}
h5{
    font-weight: bold;
}

.pageimagestyle img{
    transition: 0.5s ease;
}

.mingyan{
    width: 90%;
    height: 90px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;

}

#picture2{
    background-image: url("https://static.igem.wiki/teams/5300/source/sdi/2-font.png");
    transition: 0.5s;
    animation: picture2_donghua 8s infinite;
}

#picture4{
    background-image: url("https://static.igem.wiki/teams/5300/source/sdi/4-font.png");
    transition: 0.5s;
    animation: picture4_donghua 8s infinite;
}
#picture10{
    background-image: url("https://static.igem.wiki/teams/5300/source/sdi/10-font.png");
    transition: 0.5s;
    animation: picture10_donghua 8s infinite;
}

#picture12{
    background-image: url("https://static.igem.wiki/teams/5300/source/sdi/12-font.png");
    transition: 0.5s;
    animation: picture12_donghua 8s infinite;
}

#picture14{
    background-image: url("https://static.igem.wiki/teams/5300/source/sdi/14-font.png");
    transition: 0.5s;
    animation: picture14_donghua 8s infinite;
}

#picture8{
    background-image: url("https://static.igem.wiki/teams/5300/source/sdi/8-font.png");
    transition: 0.5s;
    animation: picture8_donghua 8s infinite;
}
#picture17{
    background-image: url("https://static.igem.wiki/teams/5300/source/sdi/17-font.png");
    transition: 0.5s;
    animation: picture17_donghua 8s infinite;
}

@keyframes picture2_donghua {
    0%, 23% , 98%, 100%{
        background-image: url("https://static.igem.wiki/teams/5300/source/sdi/2-font.png");
    }
    27%, 73%{
        background-image: url("https://static.igem.wiki/teams/5300/source/sdi/2-back.png");
    }

}
@keyframes picture4_donghua {
    0%, 23% , 98%, 100%{
        background-image: url("https://static.igem.wiki/teams/5300/source/sdi/4-font.png");
    }
    27%, 73%{
        background-image: url("https://static.igem.wiki/teams/5300/source/sdi/4-back.png");
    }

}
@keyframes picture10_donghua {
    0%, 23% , 98%, 100%{
        background-image: url("https://static.igem.wiki/teams/5300/source/sdi/10-font.png");
    }
    27%, 73%{
        background-image: url("https://static.igem.wiki/teams/5300/source/sdi/10-back.png");
    }

}
@keyframes picture12_donghua {
    0%, 23% , 98%, 100%{
        background-image: url("https://static.igem.wiki/teams/5300/source/sdi/12-font.png");
    }
    27%, 73%{
        background-image: url("https://static.igem.wiki/teams/5300/source/sdi/12-back.png");
    }

}
@keyframes picture14_donghua {
    0%, 23% , 98%, 100%{
        background-image: url("https://static.igem.wiki/teams/5300/source/sdi/14-font.png");
    }
    27%, 73%{
        background-image: url("https://static.igem.wiki/teams/5300/source/sdi/14-back.png");
    }

}
@keyframes picture8_donghua {
    0%, 23% , 98%, 100%{
        background-image: url("https://static.igem.wiki/teams/5300/source/sdi/8-font.png");
    }
    27%, 73%{
        background-image: url("https://static.igem.wiki/teams/5300/source/sdi/8-back.png");
    }

}
@keyframes picture17_donghua {
    0%, 23% , 98%, 100%{
        background-image: url("https://static.igem.wiki/teams/5300/source/sdi/17-font.png");
    }
    27%, 73%{
        background-image: url("https://static.igem.wiki/teams/5300/source/sdi/17-back.png");
    }

}
.saying {
    font-family: 'Times New Roman', Times, serif; 
    font-size: 24px; 
    color: #cfad16; 
    line-height: 1.6; 
    position: relative; 
    padding: 20px;
    margin: 30px 0; 
    border-left: 5px solid #0056b3; 
    border: 3px solid #db7c0e; 
    border-radius: 50px;
}

.mingyan{
    width: 100%;
    aspect-ratio: 1902/243;
    background-size: contain;
    transform: scale(1.41) translateY(-10px);
}