.openposter {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 568px;
    background-color: green;
    background-image: url("https://static.igem.wiki/teams/4343/wiki/modelposter.jpg");
    background-position: 0% 68%;
    background-size: cover;
    /* filter: blur(2px); */
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.openposter .poster-title {
    display: none;
    font-size: 88px;
    color: #04b17c;
    font-weight: bold;
    text-shadow: 9px 4px 2px rgba(0, 0, 0, .6);
}

.focus-in-expand-fwd {
    -webkit-animation: focus-in-expand-fwd 0.8s 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: focus-in-expand-fwd 0.8s 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}


/* ----------------------------------------------
 * Generated by Animista on 2022-10-2 15:38:33
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */


/**
 * ----------------------------------------
 * animation focus-in-expand-fwd
 * ----------------------------------------
 */

@-webkit-keyframes focus-in-expand-fwd {
    0% {
        letter-spacing: -0.5em;
        -webkit-transform: translateZ(-800px);
        transform: translateZ(-800px);
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }
}

@keyframes focus-in-expand-fwd {
    0% {
        letter-spacing: -0.5em;
        -webkit-transform: translateZ(-800px);
        transform: translateZ(-800px);
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }
}
/* 外围背景颜色 */
.content-par{
    background-color: #b7e2cb;
}
/* 主内容区域设定 */
.collaborationcontainer {
    width: 1300px;
    padding: 10px 50px 30px 50px;

    height: 20px;
    margin-top: 0px;
    /* 这里原来150px，因为有白边所以改成0 */
    height: auto;
    background-color: #abd1c6;

}
/* 按钮设定 */
.ah-tab{
    text-align: center;
}

/* 图片设定 */
.ah-tab-content{
    overflow: hidden;
    text-align: center;
}
.ah-tab-content>img{
    width: 50%;
}
.img-box{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: center;
}
.img-box>img{
    width: 30%;
    margin: 10px 5px;
}
.img-group{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    width: 30%;
    margin: 10px 5px;
}
/* 文字设置 */
.title{
    font-family: var(--bs-font-sans-serif);
            font-weight: bolder;
            color: #004643;
            line-height: 1.5;
            font-size: 2.5rem;
            text-align: left;
}
.paragraph{
    font-family: var(--bs-font-sans-serif);
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
            color: #212529;
            text-align: left;
}
.figure{
    font-size: 16px;
    color: #666;
}