*{padding: 0;margin: 0;scroll-behavior: smooth;}
p{
    font-size:1.2vw;
    line-height: 2vw;
    padding:2%;
}
body{
    background: url('#');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.footer{
    bottom: 16vw;
}
.wave{
    bottom: 16vw;
}
.impart1{
position: relative;
width: 100%;
height: 37vw;
background-color: transparent;

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

}
.impart2{
position: relative;
width: 100%;
height: 55vw;
background-color: transparent;
}
.impart3{
position: relative;
width: 100%;
height: 110vw;
background-color: transparent;

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


}


.impart2content1{
position: relative;
width: 70%;
left: 27%;
height: auto;
top: 8%;
border-radius: 14px;
background-color:#98cfeb;
}
.impart2content2{
    position: relative;
    width: 70%;
    left: 27%;
    height: auto;
    top: 10%;
    border-radius: 14px;
    background-color:#98cfeb;
    }
.impart2content3{
        position: relative;
        width: 70%;
        left: 27%;
        height: auto;
        top: 14%;
        border-radius: 14px;
        background-color:#98cfeb;
        }
.impart3content{
position: relative;border-radius: 14px;
width: 70%;
left: 27%;
height: auto;
top: 13%;
background-color:#2d647f ;
}
.impart4content{
border-radius: 14px;
position: relative;
width: 70%;
left: 27%;
height: auto;
top: 10%;
background-color:#83bfdd;
}
.impart5content{
border-radius: 14px;
position: relative;
width: 70%;
left:27%;
height: auto;
top: 12%;
background-color:#83bfdd;
}

p{
    padding: 2%;
}




























































.imcloud1{
    width: 40%;
    position: absolute;
    height: 25%;
    left: 15vw;
    top: 10vw;
    transition: 1.1s;
    animation-name: imcloud1move;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
}
@keyframes imcloud1move{
    0%,100%{
            transform: translate(0,0);
    }
    
    50%{
        transform: translate(-50px,0px);
        }
    }
.imcloud2{
        width: 45%;
        position: absolute;
        height: 25%;
        left: 58vw;
        top: -11vw;
        transition: 1.1s;
        animation-name: imcloud2move;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
    }
    @keyframes imcloud2move{
        0%,100%{
                transform: translate(0,0);
        }
        
        50%{
            transform: translate(-50px,0px);
            }
        }
    
    
    .imcloud4{
        width: 44%;
        position: absolute;
        height: 11%;
        left: 50vw;
        top: 10vw;
        transition: 1.1s;
        animation-name: imcloud4move;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
    z-index: 1;
    }

    @keyframes imcloud4move{
        0%,100%{
                transform: translate(0,0);
        }
        
        50%{
            transform: translate(-50px,0px);
            }
        }
    .imcloud5{
        width: 42%;
        position: absolute;
        height: 19%;
        left: 6vw;
        top: 70vw;
        transition: 1.1s;
    }
    .imcloud6{
        width: 45%;
        position: absolute;
        height: 16%;
        left: 6vw;
        top: 50vw;
        transition: 1.1s;
        animation-name: imcloud6move;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
    }
    @keyframes imcloud6move{
        0%,100%{
                transform: translate(0,0);
        }
        
        50%{
            transform: translate(-50px,0px);
            }
        }