*{padding: 0;margin: 0;scroll-behavior: smooth;}
body{
    background-color: #5A819E;
}
p{
    font-size:1.2vw;
    line-height: 2vw;
    padding:2%;
}
.edpart1{
position: relative;
width: 100%;
height: 30vw;
background-color: transparent;

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

}
.starriver{
    position: absolute;
left: 40vw;
width: 47vw;
    height: 100vw;
    top:-40vw;
    rotate: 90deg;

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

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

display: flex;
flex-direction: column;
background-color:transparent;
}


p{
padding: 2%;
}
.edpart2content1{
position: relative;
width: 70%;
left: 27%;
height: auto;
top: 9%;
border-radius: 14px;
background-color:#98cfeb;
}
.edpart2content2{
position: relative;
width: 70%;
left: 27%;
height: auto;
top: 1%;
border-radius: 14px;
background-color:#98cfeb;
}
.edpart2content3{
    position: relative;
    width: 70%;
    left: 27%;
    height: auto;
    top: 13vw;
    border-radius: 14px;
    background-color:#98cfeb;
    }
.edpart3content1{
position: relative;border-radius: 14px;
width: 70%;
left: 27%;
height: auto;
top: 8%;
background-color:#2d647f;
}
.edpart4content1{
border-radius: 14px;
position: relative;
width: 70%;
left: 27%;
height: auto;
top: 8%;
background-color:#83bfdd;
}
.edpart4content2{
border-radius: 14px;
position: relative;
width: 70%;
left:27%;
height: auto;
top: 8%;
background-color:#83bfdd;
}

.edpart4content3{
border-radius: 14px;
position: relative;
width: 70%;
left:27%;
height: auto;
top: 7%;
background-color:#83bfdd;
}
.edpart4content4{
border-radius: 14px;
position: relative;
width: 32%;
left:27%;
height: auto;
top: 9%;
background-color:#83bfdd;
}

.cocloud11{
    width: 60%;
    position: relative;
    height: auto;
    left: 20vw;
    top: 25vw;
    transition: 1.1s;
}
.cocloud12{
    width: 60%;
    position: relative;
    height: auto;
    left: 30w;
    top: 40vw;
    transition: 1.1s;
}

.cocloud21{
    width: 60%;
    position: relative;
    height: auto;
    left: 20vw;
    top: 15vw;
    transition: 1.1s;
}
.cocloud22{
    width: 60%;
    position: relative;
    height: auto;
    left: 30w;
    top: 20vw;
    transition: 1.1s;
}
.cocloud31{
    width: 60%;
    position: relative;
    height: auto;
    left: 20vw;
    top: 15vw;
    transition: 1.1s;
}
.cocloud32{
    width: 60%;
    position: relative;
    height: auto;
    left: 30w;
    top: 20vw;
    transition: 1.1s;
}

.pripic4{
    position: relative;
width: 30%;
margin-left: 2%;
left: -2vw;


}
.pripic5{
    position: relative;
width: 38%;
margin-left: 2%;
left: -2vw;

}



.pripic1{
    position: relative;
width: 100%;
border-radius: 20px;
}
.pripic2{
    position: relative;
width: 50%;
    float: right;
}

#edp4pic{
    width: 70%;
    height: auto;
    left: 27%;
    position: relative;
    top: 6%;
    border-radius: 20px;
} 


.footer{
    bottom: -21vw;
}
.wave{
    bottom: -21vw;
}