page.css

*{
    scroll-behavior: smooth;
}
@font-face {
    font-family: AccidenzCommons;
    src: url(https://static.igem.wiki/teams/5054/ccaccidenzcommons-medium.otf);
}
@font-face {
    font-family: SourceSansPro;
    src: url(https://static.igem.wiki/teams/5054/sourcesans3-variablefont-wght.ttf);
}
body{
    background-color: #C6EBE8;
}

/* change font-family */
/* pff stands for p's font-family */
.pff{
    font-family: 'Courier New', Courier, monospace;
}

/* .homepage-content1{
    top: 900px;
    transform: translateX(28%);
    width: 440px;
    height: 450px;
    opacity: 0;
    transition: all 0.5s linear;
}
.homepage-content2{
    top: 1788px;
    transform: translateX(-80%);
    width: 415px;
    height: 200px;
    opacity: 0;
    transition: all 0.5s linear;
}
.homepage-content3 {
    top: 3000px;
    width: 1500px;
    height: 200px;
    transform: translateX(10%);
    font-family: SourceSansPro;
    font-size: 135.417px;
    font-style: normal;
    font-weight: 600;
    color: #185A4F;
    opacity: 0;
    transition: all 0.5s linear;
}

.homepage-content4 {
    top: 3550px;
    width: 415px;
    height: 120px;
    transform: translateX(-50%);
    opacity: 0;
    transition: all 0.5s linear;
}
.homepage-content5 {
    top: 3550px;
    width: 475px;
    height: 120px;
    transform: translateX(78%);
    opacity: 0;
    transition: all 0.5s linear;
}
.homepage-content6 {
    top: 4000px;
    width: 1000px;
    height: 100px;
    font-family: SourceSansPro;
    font-size: 135px;
    font-style: normal;
    font-weight: 600;
    /* color: transparent; */
    /* -webkit-text-stroke: 2px #05BE85;
    opacity: 0;
    transition: all 0.7s linear;
} */
/* .homepage-content7 {
    top: 5100px;
    width: 1000px;
    height: 65px;
    opacity: 0;
    transition: all 0.5s linear;
}
.homepage-content8 {
    top: 5700px;
    width: 1000px;
    height: 65px; */
    /* transform: translateX(-110%); */
    /* opacity: 0;
    transition: all 0.5s linear;
}

.homepage-content9 {
    top: 6000px;
    width: 900px;
    height: 400px;
    font-family: SourceSansPro;
    font-size: 135px;
    font-style: normal;
    font-weight: 600;
    color: transparent;
    -webkit-text-stroke: 1px #05BE85;
    text-align: left;
    transform: translateX(7%);
    opacity: 0;
    transition: all 0.5s linear;
}

.homepage-content10 {
    top: 7300px;
    width: 1000px;
    height: 28px;
    flex-shrink: 0;
}
.homepage-content11 {
    top: 7500px;
    width: 340px;
    height: 200px;
    transform: translateX(-20%);
    opacity: 0;
    transition: all 0.5s linear;
}

.homepage-content12 {
    top: 8150px;
    width: 340px;
    height: 200px;
    transform: translateX(-60.5%);
    opacity: 0;
    transition: all 0.5s linear;
}
.homepage-content13 {
    top: 7850px;
    width: 340px;
    height: 200px;
    transform: translateX(90%);
    opacity: 0;
    transition: all 0.5s linear;
}
.homepage-content14 {
    top: 8740px;
    width: 340px;
    height: 200px;
    transform: translateX(-55%);
    opacity: 0;
    transition: all 0.5s linear;
}
.homepage-content15 {
    top: 9200px;
    width: 1100px;
    height: 200px;
    text-align: center;
    font-family: SourceSansPro;
    font-size: 135px;
    font-style: normal;
    font-weight: 600;
    color: transparent;
    -webkit-text-stroke: 1px #185A4F;
    opacity: 0;
    transition: all 0.5s linear;
}

*/
.h1{
    position: relative;
    justify-content: center;
    margin-top: 20vh;
    margin-left: min(100px, 5vw);
    margin-right: min(100px, 5vw);
    margin-bottom: min(80px, 15vh);
}

.pagecontainer>.title{
    margin-bottom: 10vh;
}
.pagecontainer>.title>span{
    font-family: SourceSansPro;
    font-size: 10vw;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: transparent;
    -webkit-text-stroke: 3px #05BE85;
}
.pagecontainer>.title2>span{
    font-family: SourceSansPro;
    font-size: 10vw;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: #05BE85;
    /* -webkit-text-stroke: 3px black; */
}
.pagecontainer>.title>p{
    text-align: left;
    margin-top: 35px;