@font-face {
    font-family: 'title';
    src: url(Lovelo_Black.otf.);
}

@font-face {
    font-family: 'title1';
    src: url(FontsFree-Net-Poppins-Bold.ttf);
}

@font-face {
    font-family: 'text';
    src: url(poppins-semi-bold.ttf);
}

@font-face {
    font-family: 'medium';
    src: url(poppins.medium.ttf);
}

@font-face {
    font-family: 'thin';
    src: url(oppins.thin.ttf);
}

.middle {
    width: 100%;
    height: 100%;
    height: fit-content;
    left: 0px;
    top: 0px;
}

.mtitle1 {
    font-family: 'title';
    display: flex;
    width: max-content;
    height: auto;
    line-height: 30px;
    padding: 0 290px;
    font-size: 50px;
    color: #ffffff;
    display: block;
    top: relative;
}

.memberssubtitle1 {
    font-family: 'title1';
    display: flex;
    width: max-content;
    height: auto;
    line-height: 80px;

    padding: 0 410px;
    margin: 10px;
    font-size: 30px;
    color: #ffffff;
    display: block;
    top: relative;

    background-position: 323px;
    background-position-y: 5%;
    background-size: 295px;
    background-image: url(https://static.igem.wiki/teams/4760/wiki/pic-css/membersbg.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.step {
    font-family: 'title1';
    display: flex;
    width: max-content;
    height: auto;
    line-height: 20px;

    padding: 0 0px;

    margin: 0px;
    margin-left: 360px;
    font-size: 30px;
    color: #ffffff;
    display: block;
    top: relative;
}

.content {
    text-indent: 2em;
    font-family: 'medium';
    display: flex;
    width: 780px;
    height: auto;
    line-height: 22.5px;
    padding: 0 0px;
    margin-left: 360px;
    margin-right: 360px;
    font-size: 15px;
    color: #ffffff;
    display: block;
    top: relative;
}

.contentb {
    text-indent: 0em;
    font-family: 'title1';
    display: flex;
    width: 780px;
    height: auto;
    line-height: 35px;
    padding: 0 0px;
    margin-left: 360px;
    font-size: 15px;
    color: #ffffff;
    display: block;
    top: relative;
}

.content1 {
    text-indent: 2em;
    font-family: 'text';
    display: flex;
    width: 420px;
    height: auto;
    line-height: 22.5px;
    padding: 0 0px;
    margin-left: 720px;
    margin-right: 360px;
    font-size: 15px;
    color: #ffffff;
    display: block;
    top: relative;
}

.content2 {
    text-indent: 2em;
    font-family: 'medium';
    display: flex;
    width: 420px;
    height: auto;
    line-height: 22.5px;

    margin-left: 720px;
    font-size: 15px;
    color: #ffffff;
    display: block;
    top: relative;
}

.content3 {
    text-indent: 2em;
    font-family: 'medium';
    display: flex;
    width: 320px;
    height: auto;
    line-height: 22.5px;
    padding: 0 0px;
    margin-left: 360px;
    font-size: 15px;
    color: #ffffff;
    display: block;
    top: relative;
}

.contentprofile {
    text-indent: 2em;
    font-family: 'medium';
    display: flex;
    width: 580px;
    height: auto;
    line-height: 22.5px;
    padding: 0 0px;
    margin-left: 360px;
    font-size: 15px;
    color: #ffffff;
    display: block;
    top: relative;
}

.contentstep21 {
    text-indent: 2em;
    font-family: 'medium';
    display: flex;
    width: 400px;
    height: auto;
    line-height: 22.5px;
    padding: 0 0px;
    margin-left: 360px;
    font-size: 15px;
    color: #ffffff;
    display: block;
    top: relative;
}

.contentstep22 {
    text-indent: 2em;
    font-family: 'medium';
    display: flex;
    width: 400px;
    height: auto;
    line-height: 22.5px;
    padding: 0 0px;
    margin-left: 740px;
    font-size: 15px;
    color: #ffffff;
    display: block;
    top: relative;
}

.contentbprofile {
    text-indent: 0em;
    font-family: 'title1';
    display: flex;
    width: 565px;
    height: auto;
    line-height: 22.5px;
    padding: 0 0px;
    margin-left: 360px;
    font-size: 15px;
    color: #ffffff;
    display: block;
    top: relative;
}

.profilecard {
    text-indent: 0em;
    font-family: 'title1';
    display: flex;
    width: 180px;
    height: auto;
    line-height: 12px;
    padding: 0 0px;
    margin-left: 360px;
    font-size: 11.25px;
    text-align: center;
    color: #ffffff;
    display: block;
    top: relative;

    background-position: 323px;
    background-position-y: 5%;
    background-size: 295px;
    background-image: url(https://static.igem.wiki/teams/4760/wiki/pic-css/membersbg.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.notes {
    text-indent: 0em;
    font-family: 'medium';
    display: flex;
    width: 780px;
    height: auto;
    line-height: 12px;
    padding: 0 0px;
    margin-left: 360px;
    font-size: 11.25px;
    text-align: center;
    color: #ffffff;
    display: block;
    top: relative;
}

.notes1 {
    text-indent: 0em;
    font-family: 'medium';
    display: flex;
    width: 320px;
    height: auto;
    line-height: 16px;
    padding: 0 0px;
    margin-left: 360px;
    font-size: 11.25px;
    text-align: center;
    color: #ffffff;
    display: block;
    top: relative;
}

.notes2 {
    text-indent: 0em;
    font-family: 'medium';
    display: flex;
    width: 415px;
    height: auto;
    line-height: 12px;
    padding: 0 0px;
    margin-left: 725px;
    font-size: 11.25px;
    text-align: center;
    color: #ffffff;
    display: block;
    top: relative;
}

.modelingsubtitle1 {
    font-family: 'title1';
    display: flex;
    width: max-content;
    height: auto;
    line-height: 80px;

    padding: 0 414px;
    margin: 10px;
    font-size: 30px;
    color: #ffffff;
    display: block;
    top: relative;

    background-position: 310px;
    background-position-y: 25%;
    background-size: 550px;
    background-image: url(https://static.igem.wiki/teams/4760/wiki/pic-css/introductiontodrylab.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.modelingsubtitle2 {
    font-family: 'title1';
    display: flex;
    width: max-content;
    height: auto;
    line-height: 80px;

    padding: 0 414px;
    margin: 10px;
    font-size: 30px;
    color: #ffffff;
    display: block;
    top: relative;

    background-position-x: 310px;
    background-position-y: 25%;
    background-size: 465px;
    background-image: url(https://static.igem.wiki/teams/4760/wiki/pic-css/partsofmodeling.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
}


.Educationsubtitle1 {
    font-family: 'title1';
    display: flex;
    width: max-content;
    height: auto;
    line-height: 80px;

    padding: 0 414px;
    margin: 10px;
    font-size: 30px;
    color: #ffffff;
    display: block;
    top: relative;

    background-position: 310px;
    background-position-y: 25%;
    background-size: 5500px;
    background-image: url(https://static.igem.wiki/teams/4760/wiki/pic-css/introductiontodrylab.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.sdgsubtitle1 {
    font-family: 'title1';
    display: flex;
    width: max-content;
    height: auto;
    line-height: 80px;

    padding: 0 414px;
    margin: 10px;
    font-size: 30px;
    color: #ffffff;
    display: block;
    top: relative;

    background-position: 310px;
    background-position-y: 25%;
    background-size: 5500px;
    background-image: url(https://static.igem.wiki/teams/4760/wiki/pic-css/introductiontodrylab.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.sdgsubtitle2 {
    font-family: 'title1';
    display: flex;
    width: max-content;
    height: auto;
    line-height: 80px;

    padding: 0 414px;
    margin: 10px;
    font-size: 30px;
    color: #ffffff;
    display: block;
    top: relative;

    background-position: 310px;
    background-position-y: 25%;
    background-size: 9000px;
    background-image: url(https://static.igem.wiki/teams/4760/wiki/pic-css/introductiontodrylab.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.partsofmodelingsubtitle1 {
    font-family: 'title1';
    display: flex;
    width: max-content;
    height: auto;
    line-height: 45px;

    padding: 0 360px;
    margin: 10px;
    font-size: 24px;
    color: #ffffff;
    display: block;
    top: relative;

    background-position-x: 335px;
    background-position-y: 100%;
    background-size: 242px;
    background-image: url(https://static.igem.wiki/teams/4760/wiki/pic-css/Insideoroutsidebg.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.step1subtitle {
    font-family: 'title1';
    display: flex;
    width: max-content;
    height: auto;
    line-height: 45px;

    padding: 0 0px;
    margin: 10px;
    margin-left: 360px;

    font-size: 24px;
    color: #ffffff;
    display: block;
    top: relative;

    background-position-x: 335px;
    background-position-y: 100%;
    background-size: 440px;
    background-image: url(https://static.igem.wiki/teams/4760/wiki/pic-css/step1sub.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.step2subtitle {
    font-family: 'title1';
    display: flex;
    width: max-content;
    height: auto;
    line-height: 45px;

    padding: 0 0px;

    margin: 10px;
    margin-left: 360px;
    font-size: 24px;
    color: #ffffff;
    display: block;
    top: relative;

    background-position-x: 335px;
    background-position-y: 100%;
    background-size: 430px;
    background-image: url(https://static.igem.wiki/teams/4760/wiki/pic-css/step2sub.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.step3subtitle {
    font-family: 'title1';
    display: flex;
    width: max-content;
    height: auto;
    line-height: 45px;

    padding: 0 0px;

    margin: 10px;
    margin-left: 360px;
    font-size: 24px;
    color: #ffffff;
    display: block;
    top: relative;

    background-position-x: 335px;
    background-position-y: 100%;
    background-size: 260px;
    background-image: url(https://static.igem.wiki/teams/4760/wiki/pic-css/step3sub.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.step4subtitle {
    font-family: 'title1';
    display: flex;
    width: max-content;
    height: auto;
    line-height: 45px;

    padding: 0 0px;

    margin: 10px;
    margin-left: 360px;
    font-size: 24px;
    color: #ffffff;
    display: block;
    top: relative;

    background-position-x: 335px;
    background-position-y: 100%;
    background-size: 90px;
    background-image: url(https://static.igem.wiki/teams/4760/wiki/pic-css/step4sub.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.step5subtitle {
    font-family: 'title1';
    display: flex;
    width: max-content;
    height: auto;
    line-height: 45px;

    padding: 0 0px;

    margin: 10px;
    margin-left: 360px;
    font-size: 24px;
    color: #ffffff;
    display: block;
    top: relative;

    background-position-x: 335px;
    background-position-y: 100%;
    background-size: 300px;
    background-image: url(https://static.igem.wiki/teams/4760/wiki/pic-css/step5sub.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.step6subtitle {
    font-family: 'title1';
    display: flex;
    width: max-content;
    height: auto;
    line-height: 45px;

    padding: 0 0px;

    margin: 10px;
    margin-left: 360px;
    font-size: 24px;
    color: #ffffff;
    display: block;
    top: relative;

    background-position-x: 335px;
    background-position-y: 100%;
    background-size: 320px;
    background-image: url(https://static.igem.wiki/teams/4760/wiki/pic-css/step6sub.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.step7subtitle {
    font-family: 'title1';
    display: flex;
    width: max-content;
    height: auto;
    line-height: 45px;

    padding: 0 0px;

    margin: 10px;
    margin-left: 360px;
    font-size: 24px;
    color: #ffffff;
    display: block;
    top: relative;

    background-position-x: 335px;
    background-position-y: 100%;
    background-size: 610px;
    background-image: url(https://static.igem.wiki/teams/4760/wiki/pic-css/step7sub.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.partsofmodelingsubtitle2 {
    font-family: 'title1';
    display: flex;
    width: max-content;
    height: auto;
    line-height: 45px;

    padding: 0 360px;
    margin: 10px;
    font-size: 24px;
    color: #ffffff;
    display: block;
    top: relative;

    background-position-x: 335px;
    background-position-y: 100%;
    background-size: 290px;
    background-image: url(https://static.igem.wiki/teams/4760/wiki/pic-css/Lead-binding\ protein\ bg.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.partsofmodelingsubtitle3 {
    font-family: 'title1';
    display: flex;
    width: max-content;
    height: auto;
    line-height: 45px;

    padding: 0 360px;

    margin: 10px;
    font-size: 24px;
    color: #ffffff;
    display: block;
    top: relative;

    background-position-x: 335px;
    background-position-y: 100%;
    background-size: 257px;
    background-image: url(https://static.igem.wiki/teams/4760/wiki/pic-css/OMVcrosslinkingbg.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.partsofmodelingsubtitle4 {
    font-family: 'title1';
    display: flex;
    width: max-content;
    height: auto;
    line-height: 45px;

    padding: 0 360px;

    margin: 10px;
    font-size: 24px;
    color: #ffffff;
    display: block;
    top: relative;

    background-position-x: 335px;
    background-position-y: 100%;
    background-size: 520px;
    background-image: url(https://static.igem.wiki/teams/4760/wiki/pic-css/GrowthcurvesandOMVconcentrationsbg.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.referencestitle {
    text-indent: 0em;
    font-family: 'medium';
    display: flex;
    width: 780px;
    height: auto;
    line-height: 0px;
    padding: 0 375px;
    font-size: 22.5px;
    color: #ffffffc2;
    display: block;
    top: relative;
}

.referencescontent {
    font-family: 'thin';
    display: flex;
    width: 760px;
    height: auto;
    line-height: 17.1px;

    padding: 0 0px;
    margin-left: 375px;
    font-size: 12.5px;
    color: #ffffff;
    display: block;
    top: relative;

    background-position-x: 0px;
    background-position-y: top;
    background-size: 790px;
    background-image: url(https://static.igem.wiki/teams/4760/wiki/pic-css/refercesbg.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.partsofhardwaresubtitle1 {
    font-family: 'title1';
    display: flex;
    width: max-content;
    height: auto;
    line-height: 26px;

    padding: 10px 360px;
    margin: 10px;
    font-size: 20px;
    color: #ffffff;
    display: block;
    top: relative;

    background-position-x: 335px;
    background-position-y: 100%;
    background-size: 290px;
    background-image: url(https://static.igem.wiki/teams/4760/wiki/pic-css/Lead-binding\ protein\ bg.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
}