*{margin: 0;padding: 0;scroll-behavior: smooth;}
body{
    background: url('https://static.igem.wiki/teams/5267/back-new/collaborations-new.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
p{
    font-size:1vw;
    line-height: 2vw;
    padding:2%;
}
.footer{
    bottom: -48vw;

}
.wave{
    bottom:-48vw;
}


.copart1{
position: relative;
width: 100%;
height: 35vw;
background-color: transparent;

}
.copart2{
position: relative;
width: 100%;
height: 45vw;
background-color: transparent;
display: flex;
flex-direction: row;

}
.copart3{
position: relative;
width: 100%;
height: 75vw;
background-color: transparent;

}
.copart4{
position: relative;
width: 100%;
height: 130vw;
background-color: transparent;
top:8vw;

}

.copart5{
position: relative;
width: 100%;
height: 55vw;
background-color: transparent;


}
.copart3content1{
    position: relative;
    width: 80%;
    left: 10%;
    background-color:rgba(44, 92, 129,0.6);
    border-radius: 20px;
    top: 43vw;
}
.copart2content{
position: relative;
width: 70%;
left: 27%;
height: auto;
top: 16%;
border-radius: 14px;
background-color:#98cfeb;
}
.copart3content2{
    position: relative;
    width: 80%;
    left: 10%;
    background-color:rgba(188, 220, 237, 0.6);
    border-radius: 20px;
    top: 52vw;
}
.copart3content{
position: relative;border-radius: 14px;
width: 70%;
left: 27%;
height: auto;
top: 20%;
background-color:#2d647f ;
}
.copart4content1{
border-radius: 14px;
position: relative;
width: 80%;
left: 10%;
height: auto;
top: 73vw;
background-color:rgba(188, 220, 237, 0.6);
}
.copart5content{
border-radius: 14px;
position: relative;
width: 70%;
left:27%;
height: auto;
top: 12%;
background-color:#83bfdd;
}

.copart2content1:hover{
box-shadow: 0 0 15px #2d647f;
transition: 0.5s;
}
.copart2content2:hover{
box-shadow: 0 0 15px #2d647f;
transition: 0.5s;
}
.copart2content3:hover{
box-shadow: 0 0 15px #2d647f;
transition: 0.5s;
}
.copart2content4:hover{
box-shadow: 0 0 15px #2d647f;
transition: 0.5s;
}
.copart2content5:hover{
box-shadow: 0 0 15px #2d647f;
transition: 0.5s;
}
.copart2content1{
position: relative;
margin-top: 10%;
width: 60%;
left: 10%;
height: auto;
top: 8%;
border-radius: 14px;
background-color:#98cfeb;
cursor: pointer;

}
.copart2content2{
position: relative;
width: 30%;

height: auto;
cursor: pointer;
border-radius: 14px;
background-color:#98cfeb;
}
.copart2content3{
position: relative;
width: 30%;
margin-top: 10%;
height: auto;
cursor: pointer;
border-radius: 14px;
background-color:#98cfeb;
}
.copart2content4{
position: relative;
width: 50%;

height: auto;

border-radius: 14px;
background-color:#98cfeb;
}
.copart2content5{
position: relative;
width: 50%;
margin-top: 10%;
height: auto;
cursor: pointer;
border-radius: 14px;
background-color:#98cfeb;
}


.figure1-2{
    position: relative;
    left: 35%;
    top: 50vw;
    z-index: 99;
}

.figure1{
    position: relative;
    left: 40%;
    top: 38vw;

}
.figure2{
    position: relative;

}

.cocloud1{
    width: 50%;
    position: relative;
    height: auto;
    left: 15vw;
    top: 1vw;
    transition: 0.4s;
}


.Invitation{
    width: 100%;
    height: auto;
}