body {
    padding-top: 56px;
}

.left-aligned {
    margin-left: auto;
}

.bg-dark {
    background-color: rgb(74, 101, 159, 0.6) !important;
}

.bg-dark-footer {
    background-color: rgb(74, 101, 159) !important;
}

.bg-hero {
    background-color: #45b06cff;
}

/* CALLOUT */
.bd-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid rgb(74, 101, 159);
    border-left-width: .25rem;
    border-radius: .25rem
}

.bd-callout h4 {
    margin-bottom: .25rem
}

.bd-callout p:last-child {
    margin-bottom: 0
}

.bd-callout code {
    border-radius: .25rem
}

.bd-callout + .bd-callout {
    margin-top: -.25rem
}

.bd-callout-info {
    border-left-color: #5bc0de
}

.bd-callout-warning {
    border-left-color: #f0ad4e
}

.bd-callout-danger {
    border-left-color: #d9534f
}

/* footer */
footer a {
    color: white;
    font-weight: bold;
    text-decoration: none;
}

footer a:hover {
    color: white;
    text-decoration: underline;
}


@font-face {
    font-family: bwmodelica-bold;
    src: url('https://static.igem.wiki/teams/4739/wiki/bwmodelica-bold.otf'),
}


.font_bold {
    font-size: 20px;
    font-family: bwmodelica-bold;
    color: rgb(55, 55, 209);
}

@font-face {
    font-family: bwmodelica-black;
    src: url('https://static.igem.wiki/teams/4739/wiki/bwmodelica-black.otf'),
}

@font-face {
    font-family: EBGaramond;
    src: url('https://static.igem.wiki/teams/4739/wiki/ebgaramond-semibold.ttf'),
}

.font_black {
    font-size: 20px;
    font-family: bwmodelica-black;
    color: rgb(55, 55, 209);
}


.home_bg {
    width: 100%;
    /* height: 130vh; */
    /* padding-top: 50px; */
}

/* 使用 CSS 来布局左右两部分 */
.container_lr {
    display: flex /* 使用 flex 布局 */ !important;
}

.left {
    flex: 1; /* 左侧容器占据可用空间的一部分 */
    padding: 20px;
    background-color: #1e2b57; /* 左侧容器的背景色 */
    width: 50%;

    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;

    font-size: 30px;
    font-family: bwmodelica-bold;

}

.right {
    flex: 1; /* 右侧容器占据可用空间的一部分 */
    padding: 20px;
    background-color: #1e2b57; /* 右侧容器的背景色 */
    width: 50%;


    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

    text-align: center;

    font-size: 30px;
    font-family: bwmodelica-bold;
}

.white {
    color: #ffffff;
}

.center {
    display: block;
    margin: auto;
}

.pdf-container {
    display: none; /* 默认隐藏PDF容器 */
    text-align: center;
    margin-top: 25px;
}

.pdf-container1 {
    display: none; /* 默认隐藏PDF容器 */
    text-align: center;
    margin-top: 25px;
}

.pdf-container2 {
    display: none;
    text-align: center;
    margin-top: 25px;
}

.pdf-container3-1 {
    display: none;
    text-align: center;
    margin-top: 25px;
}

.pdf-container3-2 {
    display: none;
    text-align: center;
    margin-top: 25px;
}

.pdf-container4 {
    display: block;
    text-align: center;
    margin-top: 25px;
}

.pdf-container5 {
    display: none;
    text-align: center;
    margin-top: 25px;
}


.blue-button {
    background-color: rgb(105, 105, 236);
    color: white;
    padding: 5px 20px;
    border: none;
    cursor: pointer;
    transition: transform 0.2s ease-in-out;
}

.hover-button:hover {
    transform: scale(1.1); /* 按钮放大为原来的1.1倍 */
}

.pdfbt_center {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 3vh;
}

.pdf-preview {
    height: 600px;
    width: 70%;
}

.pdf-preview-vertical {
    height: 1000px;
    width: 50%;
}

.normal {
    margin-top: 25px;
    margin-left: 25%;
    width: 50%;
}

.normal1 {
    margin-top: 25px;
    margin-left: 38%;
    width: 24%;
}


.normal_70 {
    margin-top: 25px;
    margin-left: 15%;
    width: 70%;
}

.normal_full{
    margin-top: 25px;
    margin-left: 5%;
    width: 90%;
}

.biaozhu {
    font-size: 7px;
    margin-top: 10px; /* 调整标注与图片的垂直距离 */
    text-align: center;
}

.text_inf {
    display: none; /* 默认隐藏PDF容器 */
    margin-top: 25px;
}

.References {
    position: relative;
}

.References::after {
    content: "\25BC"; /* Unicode箭头符号 */
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.sidebar {
    position: fixed;
    top: 370px;
    left: 0;
    width: 155px;
    background-color: rgb(74, 101, 159, 0.6);
    padding: 10px;
}

/* Navigation item style */
.side-item {
    margin-bottom: 10px;
    cursor: pointer;
}

.image-container {
    position: relative;
    width: 100%; /* 图片容器的宽度 */
    height: 30%; /* 图片容器的高度 */
}

/* 图片样式 */
.image-container img {
    width: 100%;
    height: 100%;
}

/* 文字样式 */
.image-text {
    position: absolute;
    top: 23%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #4461c3; /* 文字颜色 */
    /* background-color: rgba(0, 0, 0, 0.5);  */
    padding: 5px; /* 文字内边距 */
    font-size: 190px; /* 文字大小 */
}

.halo-text {
    text-shadow: 0 0 10px rgba(22, 52, 248, 0.5); /* 晕色效果 */
}

.safetyfubiaoti {
    position: absolute;
    top: 280px;
    left: 15%;
    color: #1e2b57;
    size: 70%;
}

.image-row {
    display: flex; /* 使用 Flex 布局 */
    justify-content: space-between; /* 图片之间均匀分布 */
    align-items: center; /* 图片垂直居中对齐 */
}

/* 图片样式 */
.imageresult {
    width: 27%; /* 图片宽度 */
    height: auto; /* 图片高度自适应 */
    margin-right: 10px; /* 图片之间的间距 */
}

.sidebarresult {
    position: fixed;
    top: 20px;
    left: 0;
    width: 195px;
    background-color: rgb(74, 101, 159, 0.6);
    padding: 10px;
}


@font-face {
    font-family: have-heart-two;
    src: url('https://static.igem.wiki/teams/4739/wiki/have-heart-two.ttf'),
}


.font_have-heart-two {
    font-size: 120px;
    font-family: have-heart-two;
    color: rgb(255, 255, 255);
}

.leftfoot {
    flex: 1; /* 左侧容器占据可用空间的一部分 */
    padding: 20px;
    background-color: rgb(74, 101, 159); /* 左侧容器的背景色 */
    width: 10%;
}

.rightfoot {
    flex: 1; /* 右侧容器占据可用空间的一部分 */
    padding: 20px;
    background-color: rgb(74, 101, 159); /* 右侧容器的背景色 */
    width: 90%;
}

.font_boldfoot {
    font-family: bwmodelica-bold;
    color: rgb(255, 255, 255);
}


.body {
    background-color: #1e2b57;
}

.image-containerteam1 {
    position: relative;
    /* overflow: hidden; */
}

.imageteam1 {
    width: 30%;
    height: auto;
    transition: transform 0.3s ease;
}

.image-containerteam1 .imageteam1:hover {
    transform: scale(1.2);
}

.lightboxteam1 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1;
}

.lightboxteam1 img {
    max-width: 80%;
    max-height: 80%;
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.lightboxteam1 .close-button1 {
    position: absolute;
    top: 40px;
    right: 60px;
    cursor: pointer;
    color: white;
    font-size: 50px;
}

/* ------------------------------------------ */

.image-containerteam2 {
    position: relative;
    /* overflow: hidden; */
}

.imageteam2 {
    width: 60%;
    height: auto;
    transition: transform 0.3s ease;
}

.image-containerteam2 .imageteam2:hover {
    transform: scale(1.2);
}

.lightboxteam2 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1;
}

.lightboxteam2 img {
    max-width: 80%;
    max-height: 80%;
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.lightboxteam2 .close-button2 {
    position: absolute;
    top: 40px;
    right: 60px;
    cursor: pointer;
    color: white;
    font-size: 50px;
}

/* ------------------------------------------ */

.image-containerteam3 {
    position: relative;
    /* overflow: hidden; */
}

.imageteam3 {
    width: 60%;
    height: auto;
    transition: transform 0.3s ease;
}

.image-containerteam3 .imageteam3:hover {
    transform: scale(1.2);
}

.lightboxteam3 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1;
}

.lightboxteam3 img {
    max-width: 80%;
    max-height: 80%;
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.lightboxteam3 .close-button3 {
    position: absolute;
    top: 40px;
    right: 60px;
    cursor: pointer;
    color: white;
    font-size: 50px;
}

/* ------------------------------------------ */

.image-containerteam4 {
    position: relative;
    /* overflow: hidden; */
}

.imageteam4 {
    width: 60%;
    height: auto;
    transition: transform 0.3s ease;
}

.image-containerteam4 .imageteam4:hover {
    transform: scale(1.2);
}

.lightboxteam4 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1;
}

.lightboxteam4 img {
    max-width: 80%;
    max-height: 80%;
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.lightboxteam4 .close-button4 {
    position: absolute;
    top: 40px;
    right: 60px;
    cursor: pointer;
    color: white;
    font-size: 50px;
}

/* ------------------------------------------ */

.image-containerteam5 {
    position: relative;
    /* overflow: hidden; */
}

.imageteam5 {
    width: 60%;
    height: auto;
    transition: transform 0.3s ease;
}

.image-containerteam5 .imageteam5:hover {
    transform: scale(1.2);
}

.lightboxteam5 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1;
}

.lightboxteam5 img {
    max-width: 80%;
    max-height: 80%;
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.lightboxteam5 .close-button5 {
    position: absolute;
    top: 40px;
    right: 60px;
    cursor: pointer;
    color: white;
    font-size: 50px;
}

/* ------------------------------------------ */

.image-containerteam6 {
    position: relative;
    /* overflow: hidden; */
}

.imageteam6 {
    width: 60%;
    height: auto;
    transition: transform 0.3s ease;
}

.image-containerteam6 .imageteam6:hover {
    transform: scale(1.2);
}

.lightboxteam6 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1;
}

.lightboxteam6 img {
    max-width: 80%;
    max-height: 80%;
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.lightboxteam6 .close-button6 {
    position: absolute;
    top: 40px;
    right: 60px;
    cursor: pointer;
    color: white;
    font-size: 50px;
}

/* ------------------------------------------ */

.image-containerteam7 {
    position: relative;
    /* overflow: hidden; */
}

.imageteam7 {
    width: 60%;
    height: auto;
    transition: transform 0.3s ease;
}

.image-containerteam7 .imageteam7:hover {
    transform: scale(1.2);
}

.lightboxteam7 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1;
}

.lightboxteam7 img {
    max-width: 80%;
    max-height: 80%;
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.lightboxteam7 .close-button7 {
    position: absolute;
    top: 40px;
    right: 60px;
    cursor: pointer;
    color: white;
    font-size: 50px;
}

/* ------------------------------------------ */

.image-containerteam8 {
    position: relative;
    /* overflow: hidden; */
}

.imageteam8 {
    width: 30%;
    height: auto;
    transition: transform 0.3s ease;
}

.image-containerteam8 .imageteam8:hover {
    transform: scale(1.2);
}

.lightboxteam8 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1;
}

.lightboxteam8 img {
    max-width: 80%;
    max-height: 80%;
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.lightboxteam8 .close-button8 {
    position: absolute;
    top: 40px;
    right: 60px;
    cursor: pointer;
    color: white;
    font-size: 50px;
}

/* ------------------------------------------ */

.image-containerteam9 {
    position: relative;
    /* overflow: hidden; */
}

.imageteam9 {
    width: 60%;
    height: auto;
    transition: transform 0.3s ease;
}

.image-containerteam9 .imageteam9:hover {
    transform: scale(1.2);
}

.lightboxteam9 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1;
}

.lightboxteam9 img {
    max-width: 80%;
    max-height: 80%;
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.lightboxteam9 .close-button9 {
    position: absolute;
    top: 40px;
    right: 60px;
    cursor: pointer;
    color: white;
    font-size: 50px;
}

/* ------------------------------------------ */

.image-containerteam10 {
    position: relative;
    /* overflow: hidden; */
}

.imageteam10 {
    width: 60%;
    height: auto;
    transition: transform 0.3s ease;
}

.image-containerteam10 .imageteam10:hover {
    transform: scale(1.2);
}

.lightboxteam10 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1;
}

.lightboxteam10 img {
    max-width: 80%;
    max-height: 80%;
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.lightboxteam10 .close-button10 {
    position: absolute;
    top: 40px;
    right: 60px;
    cursor: pointer;
    color: white;
    font-size: 50px;
}

/* ------------------------------------------ */

.image-containerteam11 {
    position: relative;
    /* overflow: hidden; */
}

.imageteam11 {
    width: 60%;
    height: auto;
    transition: transform 0.3s ease;
}

.image-containerteam11 .imageteam11:hover {
    transform: scale(1.2);
}

.lightboxteam11 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1;
}

.lightboxteam11 img {
    max-width: 80%;
    max-height: 80%;
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.lightboxteam11 .close-button11 {
    position: absolute;
    top: 40px;
    right: 60px;
    cursor: pointer;
    color: white;
    font-size: 50px;
}

/* ------------------------------------------ */

.image-containerteam12 {
    position: relative;
    /* overflow: hidden; */
}

.imageteam12 {
    width: 60%;
    height: auto;
    transition: transform 0.3s ease;
}

.image-containerteam12 .imageteam12:hover {
    transform: scale(1.2);
}

.lightboxteam12 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1;
}

.lightboxteam12 img {
    max-width: 80%;
    max-height: 80%;
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.lightboxteam12 .close-button12 {
    position: absolute;
    top: 40px;
    right: 60px;
    cursor: pointer;
    color: white;
    font-size: 50px;
}

/* ------------------------------------------ */

.image-containerteam13 {
    position: relative;
    /* overflow: hidden; */
}

.imageteam13 {
    width: 60%;
    height: auto;
    transition: transform 0.3s ease;
}

.image-containerteam13 .imageteam13:hover {
    transform: scale(1.2);
}

.lightboxteam13 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1;
}

.lightboxteam13 img {
    max-width: 80%;
    max-height: 80%;
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.lightboxteam13 .close-button13 {
    position: absolute;
    top: 40px;
    right: 60px;
    cursor: pointer;
    color: white;
    font-size: 50px;
}

/* ------------------------------------------ */

.image-containerteam14 {
    position: relative;
    /* overflow: hidden; */
}

.imageteam14 {
    width: 60%;
    height: auto;
    transition: transform 0.3s ease;
}

.image-containerteam14 .imageteam14:hover {
    transform: scale(1.2);
}

.lightboxteam14 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1;
}

.lightboxteam14 img {
    max-width: 80%;
    max-height: 80%;
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.lightboxteam14 .close-button14 {
    position: absolute;
    top: 40px;
    right: 60px;
    cursor: pointer;
    color: white;
    font-size: 50px;
}

/* ------------------------------------------ */

.image-containerteam15 {
    position: relative;
    /* overflow: hidden; */
}

.imageteam15 {
    width: 15%;
    height: auto;
    transition: transform 0.3s ease;
}

.image-containerteam15 .imageteam15:hover {
    transform: scale(1.2);
}

.lightboxteam15 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1;
}

.lightboxteam15 img {
    max-width: 80%;
    max-height: 80%;
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.lightboxteam15 .close-button15 {
    position: absolute;
    top: 40px;
    right: 60px;
    cursor: pointer;
    color: white;
    font-size: 50px;
}

/* ------------------------------------------ */

.image-containerteam16 {
    position: relative;
    /* overflow: hidden; */
}

.imageteam16 {
    width: 30%;
    height: auto;
    transition: transform 0.3s ease;
}

.image-containerteam16 .imageteam16:hover {
    transform: scale(1.2);
}

.lightboxteam16 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1;
}

.lightboxteam16 img {
    max-width: 80%;
    max-height: 80%;
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.lightboxteam16 .close-button16 {
    position: absolute;
    top: 40px;
    right: 60px;
    cursor: pointer;
    color: white;
    font-size: 50px;
}

/* ------------------------------------------ */

.image-containerteam17 {
    position: relative;
    /* overflow: hidden; */
}

.imageteam17 {
    width: 30%;
    height: auto;
    transition: transform 0.3s ease;
}

.image-containerteam17 .imageteam17:hover {
    transform: scale(1.2);
}

.lightboxteam17 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1;
}

.lightboxteam17 img {
    max-width: 80%;
    max-height: 80%;
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.lightboxteam17 .close-button17 {
    position: absolute;
    top: 40px;
    right: 60px;
    cursor: pointer;
    color: white;
    font-size: 50px;
}


.imageteam {
    width: 50%; /* 图片宽度 */
    /* height: auto;  */
    margin-right: 10px; /* 图片之间的间距 */
    text-align: center;
}

.normal_full {
    margin-top: 25px;
    margin-left: 5%;
    width: 90%;
}


.bkdhleft {
    opacity: 0;
    transform: translateX(-100%);
    transition: transform 2s, opacity 2s;
}

.bkdhright {
    opacity: 0;
    transform: translateX(100%);
    transition: transform 2s, opacity 2s;
}

.fontcorloryellow {
    color: #F8B62B;
}


.font_black1 {
    font-size: 150px;
    font-family: bwmodelica-black;
    color: rgb(55, 55, 209);
}

.image-text1 {
    position: absolute;
    top: 32%;
    left: 50%; 
    transform: translate(-50%, -50%);
    color: #8da5f4; /* 文字颜色 */
    /* background-color: rgba(0, 0, 0, 0.5);  */
    padding: 5px; /* 文字内边距 */
    font-size: 20px; /* 文字大小 */
}

.image-text2 {
    position: absolute;
    top: 23%;
    left: 50%; 
    transform: translate(-50%, -50%);
    color: #4461c3; /* 文字颜色 */
    /* background-color: rgba(0, 0, 0, 0.5);  */
    padding: 5px; /* 文字内边距 */
    font-size: 68px; /* 文字大小 */
}

.image-textproj {
    position: absolute;
    top: 23%;
    left: 50%; 
    transform: translate(-50%, -50%);
    color: #4461c3; /* 文字颜色 */
    /* background-color: rgba(0, 0, 0, 0.5);  */
    padding: 5px; /* 文字内边距 */
    font-size: 130px; /* 文字大小 */
}

.image-textproj2 {
    position: absolute;
    top: 40%;
    left: 50%; 
    transform: translate(-50%, -50%);
    color: #3e58ac; /* 文字颜色 */
    /* background-color: rgba(0, 0, 0, 0.5);  */
    padding: 5px; /* 文字内边距 */
    font-size: 20px; /* 文字大小 */
}


#loading-container {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  text-align: center;
  z-index: 9999;
}

/* 使用GIF图像作为加载效果 */
.loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('https://static.igem.wiki/teams/4739/wiki/loading.gif'); /* 替换成你的GIF图像的路径 */
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.8; /* 设置透明度为80% */
}
/* 1 */


.image-textawards {
    position: absolute;
    top: 40%;
    left: 50%; 
    transform: translate(-50%, -50%);
    color: #3e58ac; /* 文字颜色 */
    /* background-color: rgba(0, 0, 0, 0.5);  */
    padding: 5px; /* 文字内边距 */
    font-size: 68px; /* 文字大小 */
}

.y{
    color: #F8B62B;
}

.pdf-container55 {
    display: block;
    text-align: center;
    margin-top: 25px;
}

/*  Add animation here  */


.wavesh {
    position: relative;
    width: 100%;
    height: 8vh;
    margin-bottom: -7px; /*Fix for safari gap*/
    min-height: 100px;
    max-height: 150px;
}

/* Animation */
.parallax > use {
    animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}

.parallax > use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 11s;
}

.parallax > use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 14s;
}

.parallax > use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 17s;
}

.parallax > use:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 24s;
}

@keyframes move-forever {
    0% {
        transform: translate3d(-90px, 0, 0);
    }
    100% {
        transform: translate3d(85px, 0, 0);
    }
}

/*header Shrinking for mobile*/
@media (max-width: 768px) {
    .waves {
        height: 40px;
        min-height: 40px;
    }
}

:root {
    --primary: #051627;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.sidebarimp{
    position: fixed;
    top: 120px;
    left: 0;
    width: 195px;
    background-color: rgb(74, 101, 159, 0.6);
    padding: 10px;

}