@font-face {
    font-family: 'Vast Shadow';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../static/vastshadow.woff2) format('woff2');
}

@font-face {
    font-family: 'Yeseva One';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../static/YesevaOne-Regular.ttf) format('woff2');
}

.attachment-card {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 16px 20px 0 20px;
    margin: 10px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f9f9f9;
    width: 460px;
}

.attachment-card .attachment-card-details {
    font-size: 14px;
}

.attachment-card .download-button {
    background-color: #000;
    color: white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s;
}

.attachment-card .attachment-card-icon {
    margin-right: 20px !important;
    width: 60px !important;
    height: auto !important;

}

.attachment-card .download-button:hover {
    background-color: #fff;
    color: #000;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);

}

.attachment-card-details-filename {
    width: 160px;
    font-weight: 500;
    font-size: 1.2rem;
    white-space: nowrap; /* 不换行 */
    overflow: hidden; /* 隐藏溢出的内容 */
    text-overflow: ellipsis; /* 超出部分显示省略号 */
}

.attachment-card-details > p {
    font-size: 1.2rem;
    color: #666;
}




/* @font-face {
    font-family: 'Noto Sans SC';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../static/NotoSerifCJKsc-Regular.ttf) format('woff2');
} */

@font-face {
    font-family: 'EB Garamond';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../static/EB-Garamond.ttf) format('woff2');
}

@font-face {
    font-family: 'Limelight';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../static/limelight.woff2) format('woff2');
}

@font-face {
    font-family: 'SourceHanSansCN-Regular';
    src: local('Noto Sans SC'), local('NotoSansSC-Regular');
}

@font-face {
    font-family: 'YesevaOne-Regular';
    src: local('Yeseva One'), local('YesevaOne');
}

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

.bg-dark {
    background-color: #343a40 !important;
}

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

.bd-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #e9ecef;
    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 a {
    color: white;
    font-weight: bold;
    text-decoration: none;
}

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

.fullpage {
    width: 100vw;
    height: 100vh;
}

.img-thv-1 {
    position: absolute;
    z-index: 0;
    border: unset !important;
    box-shadow: unset;
    left: 0.00vw;
    top: -1.99vh;
    width: 100vw;
    height: 100vh;
    mix-blend-mode: normal;
    --bg-img: var(--img-url);
    --img-url: url(https://img.js.design/assets/element/js_qfWo4j2HxvW/image/48801309b08c899c3f8d50dca513fb407fc319a2.png);
}

.img-thv-1::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
    background-size: cover;
}

.img-PDh-1 {
    position: absolute;
    z-index: 0;
    border: unset !important;
    box-shadow: unset;
    left: 0.00vw;
    top: 0.95vh;
    width: 100vw;
    height: 7.19vh;
    mix-blend-mode: normal;
    --bg-img: var(--img-url);
    --img-url: url(https://img.js.design/assets/element/js_qfWo4j2HxvW/image/886cfe719b222657055fbe51343b06533d4ede41.png);
}

.img-PDh-1::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
    background-size: cover;
}

.vec-rectangle-mfU-2 {
    position: absolute;
    z-index: 1;
    left: 22.22vw;
    top: 1.91vh;
    width: 3.33vw;
    height: 5.55vh;
    border-radius: 258.5px;
    mix-blend-mode: normal;
    --bg-img: var(--img-url);
    --img-url: url(https://img.js.design/assets/img/6690e44415275e6eaeb414bc.png#e7120588b66e79eb3e0cae9b2256ee1e);
}

.vec-rectangle-mfU-2::before {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
    border-radius: 258.5px;
}

.span-Ttx-1 {
    text-decoration-line: none;
}

.p-text-JNv-3 {
    display: inline;
    margin: 0px;
    width: 100%;
    text-align: left;
}

.text-JNv-3 {
    position: absolute;
    display: flex;
    flex-direction: column;
    z-index: 2;
    justify-content: start;
    left: 5.62vw;
    top: 2.60vh;
    height: 4.07vh;
    mix-blend-mode: normal;
    color: rgba(230, 227, 172, 1);
    font-size: 36px;
    font-weight: 400;
    opacity: 1;
    font-family: 'EB Garamond';
    letter-spacing: 0px;
    white-space: nowrap;
}

.text-JNv-3-br {
    display: block;
    margin-bottom: 0px;
    overflow: hidden;
}

.vec-rectangle-FGK-1 {
    position: absolute;
    z-index: 0;
    left: 0.00vw;
    top: 0.00vh;
    width: 10.93vw;
    height: 12.91vh;
    border-radius: 0px 0px 11px 11px;
    mix-blend-mode: normal;
    background: rgba(230, 227, 172, 1);
}

.span-uUM-1 {
    text-decoration-line: none;
}

.p-text-TEH-2 {
    display: inline;
    margin: 0px;
    width: 100%;
    text-align: left;
}

.text-TEH-2 {
    position: absolute;
    display: flex;
    flex-direction: column;
    z-index: 1;
    justify-content: start;
    left: 0.73vw;
    top: 1.99vh;
    width: 10.20vw;
    height: 4.07vh;
    mix-blend-mode: normal;
    color: rgba(0, 0, 0, 1);
    font-size: 36px;
    font-weight: 400;
    opacity: 1;
    font-family: 'EB Garamond';
    letter-spacing: 0px;
    white-space: pre-wrap;
}

.text-TEH-2-br {
    display: block;
    margin-bottom: 0px;
    overflow: hidden;
}

.span-SpO-1 {
    text-decoration-line: none;
}

.p-text-Lxi-3 {
    display: inline;
    margin: 0px;
    width: 100%;
    text-align: center;
}

.text-Lxi-3 {
    position: absolute;
    display: flex;
    flex-direction: column;
    z-index: 2;
    justify-content: start;
    left: 1.00vw;
    top: 6.76vh;
    width: 8.48vw;
    height: 3.73vh;
    mix-blend-mode: normal;
    color: rgba(0, 0, 0, 1);
    font-size: 36px;
    font-weight: 400;
    opacity: 1;
    font-family: 'EB Garamond';
    letter-spacing: 0px;
    white-space: pre-wrap;
}

.text-Lxi-3-br {
    display: block;
    margin-bottom: 0px;
    overflow: hidden;
}

.frame-nRs-4 {
    position: absolute;
    z-index: 4;
    left: 51.04vw;
    top: 8.23vh;
    width: 10.93vw;
    height: 12.91vh;
    mix-blend-mode: normal;
}

.frame-nRs-4.fixed-width {
    width: 10.93vw;
}

.img-lYb-1::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
    background-size: cover;
}

.img-Ezp-2::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
    background-size: cover;
}

.img-AaE-1::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
    background-size: cover;
}

.img-MGD-1::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
    background-size: cover;
}

.img-nDF-2::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
    background-size: cover;
}

.img-PpL-3::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
    background-size: cover;
}

.img-cnD-2::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
    background-size: cover;
}

.img-nMi-1 {
    position: absolute;
    z-index: 0;
    border: unset !important;
    box-shadow: unset;
    left: 12.97vw;
    top: -0.15vh;
    width: 13.09vw;
    height: 8.53vh;
    mix-blend-mode: normal;
    --bg-img: var(--img-url);
    --img-url: url(https://img.js.design/assets/element/js_qfWo4j2HxvW/image/cf1815aa63c5be396d87ebb1e5c0b38cdbfd2cd4.png);
}

.img-nMi-1::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
    background-size: cover;
}

.img-KhZ-1::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
    background-size: cover;
}

.img-evE-2::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
    background-size: cover;
}

.img-cLm-1::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
    background-size: cover;
}

.img-VZi-2 {
    position: absolute;
    z-index: 1;
    border: unset !important;
    box-shadow: unset;
    left: -0.04vw;
    top: -0.15vh;
    width: 13.09vw;
    height: 8.53vh;
    mix-blend-mode: normal;
    --bg-img: var(--img-url);
    --img-url: url(https://img.js.design/assets/element/js_qfWo4j2HxvW/image/84e50ce3efc0daf06157fa978637472d6f58d9bc.png);
}

.img-VZi-2::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
    background-size: cover;
}

.img-cCk-1::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
    background-size: cover;
}

.img-dvE-2::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
    background-size: cover;
}

.img-CSV-1::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
    background-size: cover;
}

.img-WyW-3 {
    position: absolute;
    z-index: 2;
    border: unset !important;
    box-shadow: unset;
    left: 25.98vw;
    top: -0.15vh;
    width: 13.09vw;
    height: 8.53vh;
    mix-blend-mode: normal;
    --bg-img: var(--img-url);
    --img-url: url(https://img.js.design/assets/element/js_qfWo4j2HxvW/image/84e50ce3efc0daf06157fa978637472d6f58d9bc.png);
}

.img-WyW-3::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
    background-size: cover;
}

.img-rpm-1::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
    background-size: cover;
}

.img-oHx-2::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
    background-size: cover;
}

.img-flr-1::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
    background-size: cover;
}

.img-qaX-4 {
    position: absolute;
    z-index: 3;
    border: unset !important;
    box-shadow: unset;
    left: 38.98vw;
    top: -0.15vh;
    width: 13.09vw;
    height: 8.53vh;
    mix-blend-mode: normal;
    --bg-img: var(--img-url);
    --img-url: url(https://img.js.design/assets/element/js_qfWo4j2HxvW/image/84e50ce3efc0daf06157fa978637472d6f58d9bc.png);
}

.img-qaX-4::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
    background-size: cover;
}

.img-EzT-1::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
    background-size: cover;
}

.img-KHs-2::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
    background-size: cover;
}

.img-hRs-1::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
    background-size: cover;
}

.img-qxs-5 {
    position: absolute;
    z-index: 4;
    border: unset !important;
    box-shadow: unset;
    left: 51.99vw;
    top: -0.15vh;
    width: 13.09vw;
    height: 8.53vh;
    mix-blend-mode: normal;
    --bg-img: var(--img-url);
    --img-url: url(https://img.js.design/assets/element/js_qfWo4j2HxvW/image/84e50ce3efc0daf06157fa978637472d6f58d9bc.png);
}

.img-qxs-5::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
    background-size: cover;
}

.span-xic-1 {
    text-decoration-line: none;
}

.p-text-LPE-6 {
    display: inline;
    margin: 0px;
    width: 100%;
    text-align: left;
}

.text-LPE-6 {
    position: absolute;
    display: flex;
    flex-direction: column;
    z-index: 5;
    justify-content: start;
    left: 6.50vw;
    top: 2.51vh;
    width: 5.72vw;
    mix-blend-mode: normal;
    color: rgba(230, 227, 172, 1);
    font-size: 40px;
    font-weight: 400;
    opacity: 1;
    font-family: 'EB Garamond';
    letter-spacing: 0px;
    white-space: pre-wrap;
}

.text-LPE-6-br {
    display: block;
    margin-bottom: 0px;
    overflow: hidden;
}

.span-eoJ-1 {
    text-decoration-line: none;
}

.p-text-NHO-7 {
    display: inline;
    margin: 0px;
    width: 100%;
    text-align: left;
}

.text-NHO-7 {
    position: absolute;
    display: flex;
    flex-direction: column;
    z-index: 6;
    justify-content: start;
    left: 58.22vw;
    top: 2.51vh;
    height: 4.59vh;
    mix-blend-mode: normal;
    color: rgba(230, 227, 172, 1);
    font-size: 40px;
    font-weight: 400;
    opacity: 1;
    font-family: 'EB Garamond';
    letter-spacing: 0px;
    white-space: nowrap;
}

.text-NHO-7-br {
    display: block;
    margin-bottom: 0px;
    overflow: hidden;
}

.span-jeI-1 {
    text-decoration-line: none;
}

.p-text-xGV-8 {
    display: inline;
    margin: 0px;
    width: 100%;
    text-align: left;
}

.text-xGV-8 {
    position: absolute;
    display: flex;
    flex-direction: column;
    z-index: 7;
    justify-content: start;
    left: 18.31vw;
    top: 2.51vh;
    width: 8.38vw;
    mix-blend-mode: normal;
    color: rgba(230, 227, 172, 1);
    font-size: 40px;
    font-weight: 400;
    opacity: 1;
    font-family: 'EB Garamond';
    letter-spacing: 0px;
    white-space: pre-wrap;
}

.text-xGV-8-br {
    display: block;
    margin-bottom: 0px;
    overflow: hidden;
}

.span-bpw-1 {
    text-decoration-line: none;
}

.span-bpw-2 {
    text-decoration-line: none;
}

.p-text-Yyr-9 {
    display: inline;
    margin: 0px;
    width: 100%;
    text-align: left;
}

.text-Yyr-9 {
    position: absolute;
    display: flex;
    flex-direction: column;
    z-index: 8;
    justify-content: start;
    left: 31.17vw;
    top: 2.51vh;
    width: 9.63vw;
    height: 6.67vh;
    mix-blend-mode: normal;
    color: rgba(230, 227, 172, 1);
    font-size: 40px;
    font-weight: 400;
    opacity: 1;
    font-family: 'EB Garamond';
    letter-spacing: 0px;
    white-space: pre-wrap;
}

.text-Yyr-9-br {
    display: block;
    margin-bottom: 0px;
    overflow: hidden;
}

.span-eDi-1 {
    text-decoration-line: none;
}

.span-eDi-2 {
    text-decoration-line: none;
}

.p-text-ikB-10 {
    display: inline;
    margin: 0px;
    width: 100%;
    text-align: left;
}

.text-ikB-10 {
    position: absolute;
    display: flex;
    flex-direction: column;
    z-index: 9;
    justify-content: start;
    left: 43.86vw;
    top: 1.82vh;
    height: 6.41vh;
    mix-blend-mode: normal;
    color: rgba(230, 227, 172, 1);
    font-size: 28px;
    font-weight: 400;
    opacity: 1;
    font-family: 'EB Garamond';
    letter-spacing: 0px;
    white-space: nowrap;
}

.text-ikB-10-br {
    display: block;
    margin-bottom: 0px;
    overflow: hidden;
}

.frame-mUT-5 {
    position: absolute;
    z-index: 5;
    left: 35.48vw;
    top: 0.00vh;
    width: 65.04vw;
    height: 9.19vh;
    mix-blend-mode: normal;
}

.frame-mUT-5.fixed-width {
    width: 65.04vw;
}

.frame-FiV-2 {
    position: absolute;
    z-index: 2;
    left: -0.83vw;
    top: 3.55vh;
    width: 100vw;
    height: 21.14vh;
    mix-blend-mode: normal;
}

.frame-FiV-2.fixed-width {
    width: 100vw;
}

.vec-rectangle-Dsu-1 {
    position: absolute;
    z-index: 0;
    left: 40.84vw;
    top: 0.00vh;
    width: 22.89vw;
    height: 38.13vh;
    border-radius: 258.5px;
    mix-blend-mode: normal;
    --bg-img: var(--img-url);
    --img-url: url(https://2024.igem.wiki/jiashu-southchina/static/C15.png);
}

.vec-rectangle-Dsu-1::before {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
    border-radius: 258.5px;
}

.span-dXw-1 {
    text-decoration-line: none;
    background-image: linear-gradient(90deg, rgba(208, 200, 95, 1) 0%, rgba(230, 227, 172, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.p-text-sne-2 {
    display: inline;
    margin: 0px;
    width: 100%;
    text-align: left;
}

.text-sne-2 {
    position: absolute;
    display: flex;
    flex-direction: column;
    z-index: 1;
    justify-content: start;
    left: 0.10vw;
    top: 8.75vh;
    width: 48.23vw;
    height: 8.76vh;
    mix-blend-mode: normal;
    color: rgba(0, 0, 0, 100);
    font-size: 72px;
    font-weight: 400;
    opacity: 1;
    font-family: 'Limelight';
    letter-spacing: 0px;
    white-space: pre-wrap;
}

.text-sne-2-br {
    display: block;
    margin-bottom: 0px;
    overflow: hidden;
}

.span-jMs-1 {
    text-decoration-line: none;
}

.p-text-Ctl-3 {
    display: inline;
    margin: 0px;
    width: 100%;
    text-align: left;
}

.text-Ctl-3 {
    position: absolute;
    display: flex;
    flex-direction: column;
    z-index: 2;
    justify-content: start;
    left: 0.00vw;
    top: 17.50vh;
    width: 33.39vw;
    height: 8.76vh;
    mix-blend-mode: normal;
    color: rgba(230, 227, 172, 1);
    font-size: 60px;
    font-weight: 400;
    opacity: 1;
    font-family: 'EB Garamond';
    letter-spacing: 0px;
    white-space: pre-wrap;
}

.text-Ctl-3-br {
    display: block;
    margin-bottom: 0px;
    overflow: hidden;
}

.span-myZ-1 {
    text-decoration-line: none;
}

.p-text-mCP-4 {
    display: inline;
    margin: 0px;
    width: 100%;
    text-align: left;
}

.text-mCP-4 {
    position: absolute;
    display: flex;
    flex-direction: column;
    z-index: 3;
    justify-content: start;
    left: 4.06vw;
    top: 24.70vh;
    width: 8.27vw;
    height: 2.86vh;
    mix-blend-mode: normal;
    color: rgba(230, 227, 172, 1);
    font-size: 24px;
    font-weight: 400;
    opacity: 1;
    font-family: 'HarmonyOSSansTC-Regular';
    letter-spacing: 0px;
    white-space: pre-wrap;
}

.text-mCP-4-br {
    display: block;
    margin-bottom: 0px;
    overflow: hidden;
}

.span-eYx-1 {
    text-decoration-line: none;
}

.p-text-FXa-5 {
    display: inline;
    margin: 0px;
    width: 100%;
    text-align: left;
}

.text-FXa-5 {
    position: absolute;
    display: flex;
    flex-direction: column;
    z-index: 4;
    justify-content: start;
    left: 0.10vw;
    top: 24.70vh;
    width: 4.29vw;
    height: 2.99vh;
    mix-blend-mode: normal;
    color: rgba(230, 227, 172, 1);
    font-size: 24px;
    font-weight: 400;
    opacity: 1;
    font-family: 'HarmonyOSSansTC-Regular';
    letter-spacing: 0px;
    white-space: pre-wrap;
}

.text-FXa-5-br {
    display: block;
    margin-bottom: 0px;
    overflow: hidden;
}

.frame-IWi-3 {
    position: absolute;
    z-index: 3;
    left: 13.53vw;
    top: 30.16vh;
    width: 63.74vw;
    height: 38.13vh;
    mix-blend-mode: normal;
}

.frame-IWi-3.fixed-width {
    width: 63.74vw;
}

.vec-rectangle-MAW-1 {
    position: absolute;
    z-index: 0;
    left: 0.00vw;
    top: 31.20vh;
    width: 100vw;
    height: 96.88vh;
    mix-blend-mode: normal;
    background: rgba(127, 169, 229, 1);
}

.vec-rectangle-kmB-2 {
    position: absolute;
    z-index: 1;
    left: 35.43vw;
    top: 0.00vh;
    width: 68.57vw;
    height: 161.53vh;
    mix-blend-mode: normal;
    --bg-img: var(--img-url);
    --img-url: url(https://static.igem.wiki/teams/5482/static/6696a1041be0ad3ed8a08dbd.png);
}

.vec-rectangle-kmB-2::before {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
}

.frame-JjH-1 {
    position: absolute;
    z-index: 1;
    left: 0.00vw;
    top: 0.00vh;
    width: 104.01vw;
    height: 161.53vh;
    mix-blend-mode: normal;
}

.frame-JjH-1.fixed-width {
    width: 104.01vw;
}

.vec-rectangle-DWp-1 {
    position: absolute;
    z-index: 0;
    left: 0.00vw;
    top: 31.20vh;
    width: 100vw;
    height: 96.88vh;
    mix-blend-mode: normal;
    background: rgba(25, 48, 82, 1);
}

.vec-rectangle-zUr-2 {
    position: absolute;
    z-index: 1;
    left: 35.43vw;
    top: 0.00vh;
    width: 68.57vw;
    height: 161.53vh;
    mix-blend-mode: normal;
    --bg-img: var(--img-url);
    --img-url: url(https://static.igem.wiki/teams/5482/static/6696a26f3a0b1318beed04d9.png);
}

.vec-rectangle-zUr-2::before {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
}

.vec-rectangle-YyN-3 {
    position: absolute;
    z-index: 2;
    left: 60.46vw;
    top: 32.32vh;
    width: 19.30vw;
    height: 40.29vh;
    mix-blend-mode: normal;
    filter: contrast(58.33763709435096%);
    --bg-img: var(--img-url);
    --img-url: url(https://static.igem.wiki/teams/5482/static/6696a0f8a002dce723d345db.png);
}

.vec-rectangle-YyN-3::before {
    filter: contrast(58.33763709435096%);
    background-repeat: no-repeat;
    background-size: 792.7772737130472px 992.5559103967777px;
    background-position: -210.88866019248962px -211.29009783267975px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
}

.frame-HAT-2 {
    position: absolute;
    z-index: 2;
    left: 0.00vw;
    top: 0.00vh;
    width: 104.01vw;
    height: 161.53vh;
    mix-blend-mode: normal;
}

.frame-HAT-2.fixed-width {
    width: 104.01vw;
}

.span-xVv-1 {
    text-decoration-line: none;
}

.span-xVv-2 {
    text-decoration-line: none;
}

.p-text-tYj-4 {
    display: inline;
    margin: 0px;
    width: 100%;
    text-align: left;
}

.text-tYj-4 {
    position: absolute;
    display: flex;
    flex-direction: column;
    z-index: 3;
    justify-content: start;
    left: 7.60vw;
    top: 71.32vh;
    width: 51.93vw;
    height: 20.80vh;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
    mix-blend-mode: normal;
    color: rgba(255, 255, 255, 1);
    font-size: 60px;
    font-weight: 400;
    opacity: 1;
    font-family: 'Yeseva One';
    letter-spacing: 0px;
    white-space: pre-wrap;
}

.text-tYj-4-br {
    display: block;
    margin-bottom: 0px;
    overflow: hidden;
}

.span-KIv-1 {
    text-decoration-line: none;
}

.span-KIv-2 {
    font-size: 60px;
    text-decoration-line: none;
}

.p-text-xgc-6 {
    display: inline;
    margin: 0px;
    width: 100%;
    text-align: left;
}

.text-xgc-6 {
    position: absolute;
    display: flex;
    flex-direction: column;
    z-index: 5;
    justify-content: start;
    left: 7.18vw;
    top: 67.76vh;
    height: 8.06vh;
    mix-blend-mode: normal;
    color: rgba(255, 255, 255, 1);
    font-size: 80px;
    font-weight: 400;
    opacity: 1;
    font-family: 'Yeseva One';
    letter-spacing: 0px;
    white-space: nowrap;
}

.text-xgc-6-br {
    display: block;
    margin-bottom: 0px;
    overflow: hidden;
}

.frame-HTK-4 {
    position: absolute;
    z-index: 4;
    left: 0.00vw;
    top: 66.81vh;
    width: 104.01vw;
    height: 161.53vh;
    mix-blend-mode: normal;
}

.frame-HTK-4.fixed-width {
    width: 104.01vw;
}

.vec-rectangle-dzO-1 {
    position: absolute;
    z-index: 0;
    left: 0.00vw;
    top: 0.00vh;
    width: 101.09vw;
    height: 96.45vh;
    mix-blend-mode: normal;
    background: rgba(18, 35, 61, 1);
}

.span-Epy-1 {
    text-decoration-line: none;
}

.span-Epy-2 {
    text-decoration-line: none;
}

.span-Epy-3 {
    text-decoration-line: none;
}

.span-Epy-4 {
    font-size: 72px;
    text-decoration-line: none;
}

.p-text-AjB-1 {
    display: inline;
    margin: 0px;
    width: 100%;
    text-align: left;
}

.text-AjB-1 {
    position: absolute;
    display: flex;
    flex-direction: column;
    z-index: 0;
    justify-content: start;
    left: 0.00vw;
    top: 1.39vh;
    width: 51.93vw;
    height: 39.17vh;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
    mix-blend-mode: normal;
    color: rgba(255, 255, 255, 1);
    font-size: 60px;
    font-weight: 400;
    opacity: 1;
    font-family: 'Yeseva One';
    letter-spacing: 0px;
    white-space: pre-wrap;
}

.text-AjB-1-br {
    display: block;
    margin-bottom: 0px;
    overflow: hidden;
}

.span-DCd-1 {
    text-decoration-line: none;
}

.p-text-ybU-2 {
    display: inline;
    margin: 0px;
    width: 100%;
    text-align: left;
}

.text-ybU-2 {
    position: absolute;
    display: flex;
    flex-direction: column;
    z-index: 1;
    justify-content: start;
    left: 17.17vw;
    top: 0.00vh;
    height: 8.06vh;
    mix-blend-mode: normal;
    color: rgba(255, 255, 255, 1);
    font-size: 80px;
    font-weight: 400;
    opacity: 1;
    font-family: 'Yeseva One';
    letter-spacing: 0px;
    white-space: nowrap;
}

.text-ybU-2-br {
    display: block;
    margin-bottom: 0px;
    overflow: hidden;
}

.span-GNU-1 {
    text-decoration-line: none;
}

.p-text-Yxw-3 {
    display: inline;
    margin: 0px;
    width: 100%;
    text-align: left;
}

.text-Yxw-3 {
    position: absolute;
    display: flex;
    flex-direction: column;
    z-index: 2;
    justify-content: start;
    left: 18.94vw;
    top: 19.67vh;
    height: 8.06vh;
    mix-blend-mode: normal;
    color: rgba(255, 255, 255, 1);
    font-size: 80px;
    font-weight: 400;
    opacity: 1;
    font-family: 'Yeseva One';
    letter-spacing: 0px;
    white-space: nowrap;
}

.text-Yxw-3-br {
    display: block;
    margin-bottom: 0px;
    overflow: hidden;
}

.frame-RLJ-3 {
    position: absolute;
    z-index: 3;
    left: 10.20vw;
    top: 29.20vh;
    width: 51.93vw;
    height: 40.55vh;
    mix-blend-mode: normal;
}

.frame-RLJ-3.fixed-width {
    width: 51.93vw;
}

.frame-HSI-5 {
    position: absolute;
    z-index: 5;
    left: -1.09vw;
    top: 194.11vh;
    width: 101.09vw;
    height: 96.45vh;
    mix-blend-mode: normal;
}

.frame-HSI-5.fixed-width {
    width: 101.09vw;
}

.vec-rectangle-OEi-1 {
    position: absolute;
    z-index: 0;
    left: 0.00vw;
    top: 76.52vh;
    width: 100vw;
    height: 97.05vh;
    mix-blend-mode: normal;
    background: rgba(25, 48, 82, 1);
}

.span-grR-1 {
    text-decoration-line: none;
}

.span-grR-2 {
    text-decoration-line: none;
}

.span-grR-3 {
    text-decoration-line: none;
}

.p-text-stH-1 {
    display: inline;
    margin: 0px;
    width: 100%;
    text-align: center;
}

.text-stH-1 {
    position: absolute;
    display: flex;
    flex-direction: column;
    z-index: 0;
    justify-content: start;
    left: 3.72vw;
    top: 2.17vh;
    width: 65.56vw;
    mix-blend-mode: normal;
    color: rgba(255, 255, 255, 1);
    font-size: 48px;
    font-weight: 400;
    opacity: 1;
    font-family: 'Yeseva One';
    letter-spacing: 0px;
    white-space: pre-wrap;
}

.text-stH-1-br {
    display: block;
    margin-bottom: 9px;
    overflow: hidden;
}

.span-HfS-1 {
    text-decoration-line: none;
}

.p-text-PBq-2 {
    display: inline;
    margin: 0px;
    width: 100%;
    text-align: left;
}

.text-PBq-2 {
    position: absolute;
    display: flex;
    flex-direction: column;
    z-index: 1;
    justify-content: start;
    left: 0.00vw;
    top: 13.08vh;
    height: 6.07vh;
    mix-blend-mode: normal;
    color: rgba(255, 255, 255, 1);
    font-size: 60px;
    font-weight: 400;
    opacity: 1;
    font-family: 'Yeseva One';
    letter-spacing: 0px;
    white-space: nowrap;
}

.text-PBq-2-br {
    display: block;
    margin-bottom: 0px;
    overflow: hidden;
}

.span-oEb-1 {
    text-decoration-line: none;
}

.p-text-lav-3 {
    display: inline;
    margin: 0px;
    width: 100%;
    text-align: left;
}

.text-lav-3 {
    position: absolute;
    display: flex;
    flex-direction: column;
    z-index: 2;
    justify-content: start;
    left: 37.67vw;
    top: 0.00vh;
    width: 31.63vw;
    mix-blend-mode: normal;
    color: rgba(255, 255, 255, 1);
    font-size: 72px;
    font-weight: 400;
    opacity: 1;
    font-family: 'Yeseva One';
    letter-spacing: 0px;
    white-space: pre-wrap;
}

.text-lav-3-br {
    display: block;
    margin-bottom: 0px;
    overflow: hidden;
}

.frame-kkz-3 {
    position: absolute;
    z-index: 3;
    left: 16.55vw;
    top: 91.59vh;
    width: 69.30vw;
    height: 19.15vh;
    mix-blend-mode: normal;
}

.frame-kkz-3.fixed-width {
    width: 69.30vw;
}

.vec-rectangle-wje-4 {
    position: absolute;
    z-index: 3;
    left: 49.88vw;
    top: 0.00vh;
    width: 60.04vw;
    height: 75.04vh;
    mix-blend-mode: normal;
    --bg-img: var(--img-url);
    --img-url: url(https://static.igem.wiki/teams/5482/static/66969108a4202cb4ccd67220.png);
}

.vec-rectangle-wje-4::before {
    background-repeat: no-repeat;
    background-size: 1587px 2245px;
    background-position: -216.66614446043968px -612.9999920129776px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
}

.vec-rectangle-iSs-1 {
    position: absolute;
    z-index: 0;
    left: 0.00vw;
    top: 0.00vh;
    width: 30.33vw;
    height: 29.47vh;
    mix-blend-mode: normal;
    filter: contrast(0%) saturate(100%) brightness(198.8807091346154%) hue-rotate(0deg);
    --bg-img: var(--img-url);
    --img-url: url(https://static.igem.wiki/teams/5482/static/6696986a1be0ad3ed8a07263.png);
}

.vec-rectangle-iSs-1::before {
    filter: contrast(0%) saturate(100%) brightness(198.8807091346154%) hue-rotate(0deg);
    background-repeat: no-repeat;
    background-size: 993.4793838189571px 1419.2316945993537px;
    background-position: -212.97341706473162px -552.8186894664541px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
}

.span-URF-1 {
    text-decoration-line: none;
}

.p-text-ejw-2 {
    display: inline;
    margin: 0px;
    width: 100%;
    text-align: center;
}

.text-ejw-2 {
    position: absolute;
    display: flex;
    flex-direction: column;
    z-index: 1;
    justify-content: start;
    left: 5.32vw;
    top: 36.44vh;
    width: 18.08vw;
    height: 4.89vh;
    mix-blend-mode: normal;
    color: rgba(255, 255, 255, 1);
    font-size: 36px;
    font-weight: 400;
    opacity: 1;
    font-family: 'EB Garamond';
    letter-spacing: 0px;
    white-space: pre-wrap;
}

.text-ejw-2-br {
    display: block;
    margin-bottom: 0px;
    overflow: hidden;
}

.frame-Aee-1 {
    position: absolute;
    z-index: 1;
    left: 0.00vw;
    top: 0.00vh;
    width: 30.33vw;
    height: 41.33vh;
    mix-blend-mode: normal;
}

.frame-Aee-1.fixed-width {
    width: 30.33vw;
}

.frame-EQf-5 {
    position: absolute;
    z-index: 5;
    left: 34.44vw;
    top: 112.56vh;
    width: 30.33vw;
    height: 41.33vh;
    mix-blend-mode: normal;
}

.frame-EQf-5.fixed-width {
    width: 30.33vw;
}

.vec-rectangle-apz-1 {
    position: absolute;
    z-index: 0;
    left: 5.80vw;
    top: 36.62vh;
    width: 19.52vw;
    height: 32.51vh;
    mix-blend-mode: normal;
    rotate: -67.52342784541665deg;
    --bg-img: var(--img-url);
    --img-url: url(https://static.igem.wiki/teams/5482/static/ccc.gif);
}

.vec-rectangle-apz-1::before {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
}

.vec-rectangle-CtC-2 {
    position: absolute;
    z-index: 1;
    left: 35.15vw;
    top: 16.36vh;
    width: 15.86vw;
    height: 26.41vh;
    mix-blend-mode: normal;
    rotate: 2.943831277136705deg;
    --bg-img: var(--img-url);
    --img-url: url(https://static.igem.wiki/teams/5482/static/ccc.gif);
}

.vec-rectangle-CtC-2::before {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
}

.vec-rectangle-bhL-3 {
    position: absolute;
    z-index: 2;
    left: 3.31vw;
    top: 5.52vh;
    width: 16.87vw;
    height: 28.09vh;
    mix-blend-mode: normal;
    rotate: -35.042739565182394deg;
    --bg-img: var(--img-url);
    --img-url: url(https://static.igem.wiki/teams/5482/static/ccc.gif);
}

.vec-rectangle-bhL-3::before {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
}

.frame-GNQ-6 {
    position: absolute;
    z-index: 6;
    left: 24.92vw;
    top: 98.60vh;
    width: 51.41vw;
    height: 74.11vh;
    mix-blend-mode: normal;
}

.frame-GNQ-6.fixed-width {
    width: 51.41vw;
}

.frame-SKW-6 {
    position: absolute;
    z-index: 6;
    left: -0.10vw;
    top: 213.86vh;
    width: 109.92vw;
    height: 173.57vh;
    mix-blend-mode: normal;
}

.frame-SKW-6.fixed-width {
    width: 109.92vw;
}

.vec-rectangle-wKu-1 {
    position: absolute;
    z-index: 0;
    left: 5.36vw;
    top: 0.00vh;
    width: 101.82vw;
    height: 72.44vh;
    mix-blend-mode: normal;
    background: rgba(36, 67, 114, 1);
}

.span-WUd-1 {
    text-decoration-line: none;
    display: inline-block;
}

.p-text-wqL-2 {
    display: inline;
    margin: 0px;
    width: 100%;
    text-align: left;
}

.text-wqL-2 {
    position: absolute;
    display: flex;
    flex-direction: column;
    z-index: 1;
    justify-content: start;
    left: 0.00vw;
    top: 51.13vh;
    height: 4.85vh;
    mix-blend-mode: normal;
    color: rgba(0, 0, 0, 1);
    font-size: 48px;
    font-weight: 400;
    opacity: 1;
    font-family: 'Yeseva One';
    letter-spacing: 0px;
    white-space: nowrap;
}

.text-wqL-2-br {
    display: block;
    margin-bottom: 0px;
    overflow: hidden;
}

.span-GFK-1 {
    text-decoration-line: none;
}

.p-text-SYQ-1 {
    display: inline;
    margin: 0px;
    width: 100%;
    text-align: left;
}

.text-SYQ-1 {
    position: absolute;
    display: flex;
    flex-direction: column;
    z-index: 0;
    justify-content: start;
    left: 0.00vw;
    top: 4.59vh;
    height: 6.07vh;
    mix-blend-mode: normal;
    color: rgba(255, 255, 255, 1);
    font-size: 60px;
    font-weight: 400;
    opacity: 1;
    font-family: 'Yeseva One';
    letter-spacing: 0px;
    white-space: nowrap;
}

.text-SYQ-1-br {
    display: block;
    margin-bottom: 0px;
    overflow: hidden;
}

.span-sAH-1 {
    text-decoration-line: none;
}

.span-sAH-2 {
    text-decoration-line: none;
}

.span-sAH-3 {
    text-decoration-line: none;
}

.span-sAH-4 {
    text-decoration-line: none;
}

.p-text-kMB-2 {
    display: inline;
    margin: 0px;
    width: 100%;
    text-align: left;
}

.text-kMB-2 {
    position: absolute;
    display: flex;
    flex-direction: column;
    z-index: 1;
    justify-content: start;
    left: 0.00vw;
    top: 0.00vh;
    width: 47.55vw;
    height: 80.16vh;
    mix-blend-mode: normal;
    color: rgba(255, 255, 255, 1);
    font-size: 48px;
    font-weight: 400;
    opacity: 1;
    font-family: 'Yeseva One';
    letter-spacing: 0px;
    white-space: pre-wrap;
}

.text-kMB-2-br {
    display: block;
    margin-bottom: 5px;
    overflow: hidden;
}

.frame-PLj-4 {
    position: absolute;
    z-index: 4;
    left: 48.23vw;
    top: 27.56vh;
    width: 47.55vw;
    height: 80.16vh;
    mix-blend-mode: normal;
}

.frame-PLj-4.fixed-width {
    width: 47.55vw;
}

.vec-rectangle-OLb-5 {
    position: absolute;
    z-index: 4;
    left: 11.29vw;
    top: 10.40vh;
    width: 30.44vw;
    height: 51.65vh;
    mix-blend-mode: normal;
    --bg-img: var(--img-url);
    --img-url: url(https://static.igem.wiki/teams/5482/static/juice.webp);
}

.vec-rectangle-OLb-5::before {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
}

.frame-gya-7 {
    position: absolute;
    z-index: 7;
    left: -5.98vw;
    top: 387.09vh;
    width: 107.18vw;
    height: 107.71vh;
    mix-blend-mode: normal;
}

.frame-gya-7.fixed-width {
    width: 107.18vw;
}

.vec-rectangle-Ciy-1 {
    position: absolute;
    z-index: 0;
    left: 0.00vw;
    top: 0.00vh;
    width: 100vw;
    height: 17.50vh;
    mix-blend-mode: normal;
    background: rgba(54, 100, 168, 1);
}

.vec-circular-FgN-1::after {
    display: block;
    content: "";
    position: absolute;
    left: -0.13vw;
    top: -0.22vh;
    width: calc(100% + 5px);
    height: calc(100% + 5px);
    box-sizing: border-box;
    z-index: 999;
    /* pointer-events: none; */
    border-radius: 50%;
    border: 5px solid rgba(179, 209, 230, 1);
}

.img-QWK-2::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
    background-size: cover;
}

.img-ofU-2 {
    position: absolute;
    z-index: 1;
    border: unset !important;
    box-shadow: unset;
    left: 47.89vw;
    top: 13.47vh;
    width: 4.16vw;
    height: 7.28vh;
    mix-blend-mode: normal;
    --bg-img: var(--img-url);
    --img-url: url(https://2024.igem.wiki/jiashu-southchina/static/arrowdown.png);
}

.img-ofU-2::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
    background-size: cover;
}

.span-fpw-1 {
    text-decoration-line: none;
}

.p-text-Edd-3 {
    display: inline;
    margin: 0px;
    width: 100%;
    text-align: left;
}

.text-Edd-3 {
    position: absolute;
    display: flex;
    flex-direction: column;
    z-index: 2;
    justify-content: start;
    left: 18.99vw;
    top: 6.07vh;
    width: 63.37vw;
    height: 11.09vh;
    mix-blend-mode: normal;
    color: rgba(255, 255, 255, 1);
    font-size: 48px;
    font-weight: 400;
    opacity: 1;
    font-family: 'Yeseva One';
    letter-spacing: 0px;
    white-space: pre-wrap;
}

.text-Edd-3-br {
    display: block;
    margin-bottom: 0px;
    overflow: hidden;
}

.frame-TSU-8 {
    position: absolute;
    z-index: 8;
    left: 0.00vw;
    top: 459.19vh;
    width: 100vw;
    height: 20.54vh;
    mix-blend-mode: normal;
}

.frame-TSU-8.fixed-width {
    width: 100vw;
}

.vec-rectangle-Gbl-2 {
    position: absolute;
    z-index: 1;
    left: 0.00vw;
    top: 0.00vh;
    width: 100vw;
    height: 81.28vh;
    mix-blend-mode: normal;
    background: rgba(135, 171, 224, 1);
}

.span-JpB-1 {
    text-decoration-line: none;
}

.span-JpB-2 {
    text-decoration-line: none;
    display: inline-block;
}

.p-text-gTZ-3 {
    display: inline;
    margin: 0px;
    width: 100%;
    text-align: center;
}

.text-gTZ-3 {
    position: absolute;
    display: flex;
    flex-direction: column;
    z-index: 2;
    justify-content: start;
    left: 8.69vw;
    top: 38.04vh;
    width: 51.93vw;
    height: 17.16vh;
    mix-blend-mode: normal;
    color: rgba(255, 255, 255, 1);
    font-size: 60px;
    font-weight: 400;
    opacity: 1;
    font-family: 'Yeseva One';
    letter-spacing: 0px;
    white-space: pre-wrap;
}

.text-gTZ-3-br {
    display: block;
    margin-bottom: 0px;
    overflow: hidden;
}

.vec-rectangle-Ueh-1 {
    position: absolute;
    z-index: 0;
    left: 0.00vw;
    top: 0.00vh;
    width: 39.65vw;
    height: 55.81vh;
    mix-blend-mode: normal;
    --bg-img: var(--img-url);
    --img-url: url(https://static.igem.wiki/teams/5482/static/6696a1041be0ad3ed8a08dbd.png);
}

.vec-rectangle-Ueh-1::before {
    background-repeat: no-repeat;
    background-size: 1317.9985809326172px 1864.4655413949117px;
    background-position: -276.0000046491623px -613.2333796024323px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
}

.vec-rectangle-dQI-2 {
    position: absolute;
    z-index: 1;
    left: 19.82vw;
    top: 1.99vh;
    width: 20.55vw;
    height: 25.91vh;
    mix-blend-mode: normal;
    --bg-img: var(--img-url);
    --img-url: url(https://static.igem.wiki/teams/5482/static/66c9d20f8afcb6064da0d323.png);
}

.vec-rectangle-dQI-2::before {
    background-repeat: no-repeat;
    background-size: 578.5744027931626px 819.8162790697675px;
    background-position: -91.62618301808834px -259.3651080727577px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
}

.frame-CfV-4 {
    position: absolute;
    z-index: 4;
    left: 51.72vw;
    top: 20.54vh;
    width: 40.37vw;
    height: 55.81vh;
    mix-blend-mode: normal;
}

.frame-CfV-4.fixed-width {
    width: 40.37vw;
}

.frame-hys-9 {
    position: absolute;
    z-index: 9;
    left: -0.47vw;
    top: 476.26vh;
    width: 100vw;
    height: 81.28vh;
    mix-blend-mode: normal;
}

.frame-hys-9.fixed-width {
    width: 100vw;
}

.img-mvC-10 {
    position: absolute;
    z-index: 9;
    border: unset !important;
    box-shadow: unset;
    left: 0.00vw;
    top: 557.54vh;
    width: 100vw;
    height: 29.29vh;
    mix-blend-mode: normal;
    --bg-img: var(--img-url);
    --img-url: url(./static/flower.png);
}

.img-mvC-10::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
    background-size: cover;
}

.frame-FtF-11 {
    left: -0.94vw;
    top: 586.48vh;
    z-index: 11;
}

.img-lgP-1 {
    position: absolute;
    z-index: 0;
    border: unset !important;
    box-shadow: unset;
    left: 0%;
    top: 0%;
    width: auto;
    height: auto;
    border-radius: 18.63px 18.63px 0px 0px;
    mix-blend-mode: normal;
    --bg-img: var(--img-url);
    --img-url: url(https://img.js.design/assets/element/js_qfWo4j2HxvW/image/034ac27bcafab9c5c1866b6a0bba3071af063d29.png);
    right: 0%;
    bottom: 0%;
}

.img-lgP-1::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
    border-radius: 18.63px 18.63px 0px 0px;
    background-size: cover;
}

.span-gVx-1 {
    text-decoration-line: none;
}

.p-text-tUK-2 {
    display: inline;
    margin: 0px;
    width: 100%;
    text-align: center;
}

.text-tUK-2 {
    position: absolute;
    display: flex;
    flex-direction: column;
    z-index: 1;
    justify-content: start;
    left: 0.88vw;
    top: 1.39vh;
    width: 2.76vw;
    height: 1.99vh;
    mix-blend-mode: normal;
    color: rgba(0, 0, 0, 1);
    font-size: 12px;
    font-weight: 400;
    opacity: 1;
    font-family: 'Yeseva One';
    letter-spacing: 0px;
    white-space: pre-wrap;
}

.text-tUK-2-br {
    display: block;
    margin-bottom: 0px;
    overflow: hidden;
}

.frame-Kgs-1 {
    position: absolute;
    z-index: 1;
    left: 69.95884773662551%;
    top: 16.73469387755102%;
    width: auto;
    height: auto;
    mix-blend-mode: normal;
    right: 0%;
    bottom: 62.44897959183674%;
}

.frame-Kgs-1.fixed-width {
    width: 3.80vw;
}

.vec-rectangle-HLu-2 {
    position: absolute;
    z-index: 1;
    left: 0.00vw;
    top: 0.00vh;
    width: 12.49vw;
    height: 21.23vh;
    mix-blend-mode: normal;
    --bg-img: var(--img-url);
    --img-url: url(https://img.js.design/assets/img/66cb5bbbc3154e41044e30db.png#8ce4369906b67011cef4792e3ab4a318);
}

.vec-rectangle-HLu-2::before {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
}

.img-kHL-3 {
    position: absolute;
    z-index: 2;
    border: unset !important;
    box-shadow: unset;
    left: 4.63vw;
    top: 8.84vh;
    width: 2.60vw;
    height: 9.36vh;
    mix-blend-mode: normal;
    --bg-img: var(--img-url);
    --img-url: url(https://img.js.design/assets/element/js_qfWo4j2HxvW/image/0bf95c760066640768bbaa23b246b7c893905a3c.png);
}

.img-kHL-3::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
    background-size: cover;
}

.frame-HBG-12 {
    position: absolute;
    z-index: 12;
    left: 84.79958355023425%;
    top: 17.093791281373843%;
    width: auto;
    height: auto;
    mix-blend-mode: normal;
    right: 2.5507548152004165%;
    bottom: 79.66974900924703%;
}

.frame-HBG-12.fixed-width {
    width: 12.64vw;
}

.frame-dlW-2 {
    position: relative;
    z-index: 2;
    height: 655.98vh;
    mix-blend-mode: normal;
    background: rgba(255, 255, 255, 1);
    overflow: hidden;
}

.frame-dlW-2.fixed-width {
    width: 100vw;
}

.vec-rectangle-rWB-1 {
    position: absolute;
    z-index: 0;
    left: 0.6639427987742594%;
    top: 0.27752081406105455%;
    width: auto;
    height: auto;
    mix-blend-mode: normal;
    box-sizing: border-box;
    opacity: 1;
    background: rgba(37, 68, 115, 1);
    right: -0.6639427987742594%;
    bottom: 25.809435707678073%;
}

.vec-rectangle-rWB-1::after {
    display: block;
    content: "";
    position: absolute;
    left: -0.00vw;
    top: -0.00vh;
    width: calc(100% + 0px);
    height: calc(100% + 0px);
    box-sizing: border-box;
    z-index: 999;
    /* pointer-events: none; */
    border: 0px solid rgba(67, 105, 36, 1);
}

.span-jaD-1 {
    text-decoration-line: none;
}

.p-text-HSN-2 {
    display: inline;
    margin: 0px;
    width: 100%;
    text-align: left;
}

.text-HSN-2 {
    position: absolute;
    display: flex;
    flex-direction: column;
    z-index: 1;
    justify-content: start;
    left: 16.087844739530134%;
    top: 6.290471785383904%;
    width: auto;
    height: auto;
    mix-blend-mode: normal;
    color: rgba(255, 255, 255, 1);
    font-size: 48px;
    font-weight: 400;
    opacity: 1;
    font-family: 'EB Garamond';
    letter-spacing: 0px;
    white-space: pre-wrap;
    right: 64.3003064351379%;
    bottom: 81.8686401480111%;
}

.text-HSN-2-br {
    display: block;
    margin-bottom: 0px;
    overflow: hidden;
}

.span-DQM-1 {
    text-decoration-line: none;
}

.p-text-riI-3 {
    display: inline;
    margin: 0px;
    width: 100%;
    text-align: left;
}

.text-riI-3 {
    position: absolute;
    display: flex;
    flex-direction: column;
    z-index: 2;
    justify-content: start;
    left: 16.087844739530134%;
    top: 13.413506012950972%;
    width: auto;
    height: auto;
    mix-blend-mode: normal;
    color: rgba(255, 255, 255, 1);
    font-size: 48px;
    font-weight: 400;
    opacity: 1;
    font-family: 'EB Garamond';
    letter-spacing: 0px;
    white-space: pre-wrap;
    right: 62.30847803881512%;
    bottom: 74.74560592044404%;
}

.text-riI-3-br {
    display: block;
    margin-bottom: 0px;
    overflow: hidden;
}

.span-IDh-1 {
    text-decoration-line: none;
    background-image: linear-gradient(90deg, rgba(206, 203, 98, 1) 0%, rgba(229, 227, 170, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.p-text-ljT-4 {
    display: inline;
    margin: 0px;
    width: 100%;
    text-align: center;
}

.text-ljT-4 {
    position: absolute;
    display: flex;
    flex-direction: column;
    z-index: 3;
    justify-content: start;
    left: 4.49438202247191%;
    top: 65.21739130434783%;
    width: auto;
    height: auto;
    mix-blend-mode: normal;
    color: rgba(0, 0, 0, 100);
    font-size: 48px;
    font-weight: 400;
    opacity: 1;
    font-family: 'Yeseva One';
    letter-spacing: 0px;
    white-space: pre-wrap;
    right: 68.89683350357507%;
    bottom: 29.417206290471785%;
}

.text-ljT-4-br {
    display: block;
    margin-bottom: 0px;
    overflow: hidden;
}

.vec-rectangle-LvL-5 {
    position: absolute;
    z-index: 4;
    left: 9.244126659856997%;
    top: 35.52266419981498%;
    width: auto;
    height: auto;
    border-radius: 258.5px;
    mix-blend-mode: normal;
    --bg-img: var(--img-url);
    --img-url: url(https://2024.igem.wiki/jiashu-southchina/static/C15.png);
    right: 75.38304392236977%;
    bottom: 36.63274745605921%;
}

.vec-rectangle-LvL-5::before {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
    border-radius: 258.5px;
}

.vec-rectangle-GGP-6 {
    position: absolute;
    z-index: 5;
    left: 24.616956077630235%;
    top: 39.130434782608695%;
    width: auto;
    height: auto;
    background-blend-mode: lighten;
    mix-blend-mode: normal;
    /* filter: contrast(100%); */
    /* --bg-img: var(--img-url); */
    /* --img-url: url(https://img.js.design/assets/img/66c9f7261efe7fb16fed3318.png#41cc7ace83681ea2d555ac49cf63eb24); */
    right: 65.21961184882534%;
    bottom: 34.78260869565217%;
}

.vec-rectangle-GGP-6::before {
    filter: contrast(100%);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
}

.img-kUq-1::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
    border-radius: 10px;
    background-size: cover;
}

.img-ijK-2::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
    border-radius: 10px;
    background-size: cover;
}

.img-mTn-3::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
    border-radius: 10px;
    background-size: cover;
}

.img-ppK-4::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
    background-size: cover;
}

.vec-rectangle-yHu-8::before {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
}

.vec-rectangle-Flr-9::before {
    background-repeat: no-repeat;
    background-size: 347.3397129186603px 334.34831460674155px;
    background-position: -62.6698579788208px -73.61797624826431px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
}

.vec-rectangle-Hpk-10::before {
    background-repeat: no-repeat;
    background-size: 427px 426.99999999999994px;
    background-position: -108.9999942779541px -126.49999856948853px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
}

.vec-rectangle-vVp-11::before {
    background-repeat: no-repeat;
    background-size: 391.92825112107624px 391.93717277486917px;
    background-position: -80.96412599086761px -75.29319503903389px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
}

.vec-rectangle-MLt-12::before {
    background-repeat: no-repeat;
    background-size: 335px 335px;
    background-position: -47.500001192092896px -109.75585931539536px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
}

.vec-rectangle-gMQ-13::before {
    background-repeat: no-repeat;
    background-size: 327.15789473684214px 295.3125px;
    background-position: -102.82105207443237px -72.42187231779099px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
}

.vec-rectangle-bjV-14::before {
    background-repeat: no-repeat;
    background-size: 386.3272727272727px 386.2857142857143px;
    background-position: -106.39090657234192px -110.15178859233856px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
}

.vec-rectangle-sUA-15::before {
    background-repeat: no-repeat;
    background-size: 423.5779816513761px 422.5464190981432px;
    background-position: -126.28900372982025px -127.54638302326202px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
}

.img-qeq-7 {
    position: absolute;
    z-index: 6;
    border: unset !important;
    box-shadow: unset;
    left: 49.43820224719101%;
    top: 28.39962997224792%;
    width: auto;
    height: auto;
    mix-blend-mode: normal;
    --bg-img: var(--img-url);
    --img-url: url(https://static.igem.wiki/teams/5482/static/school2.png);
    right: 5.158324821246169%;
    bottom: 24.514338575393154%;
}

.img-qeq-7::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 1;
    background-image: var(--bg-img);
    background-size: cover;
}

.frame-ZHn-2 {
    position: relative;
    z-index: 2;
    width: 101.87vw;
    height: 93.67vh;
    mix-blend-mode: normal;
}

.frame-ZHn-2.fixed-width {
    width: 101.87vw;
}

 ::-webkit-scrollbar {
    display: none;
}

.pointer-link,
.pointer-link>* {
    cursor: var(--cursor-pointer) !important;
}