*{
    padding: 0px;
    margin: 0px;
    box-sizing: 0px;
}

/* body */
.body{
    width: 100%;
    height: 1050vh;
    background: linear-gradient(to right,pink,white,pink,rgb(250, 249, 249),pink,rgb(255, 255, 255));
}
.heading{
    width: 100%;
    height: 50vh;
}
.headrap{
    width: 90%;
    margin: auto;
    padding-top: 18%;
}
.headrap p{
    text-align: center;
    font-size: 14px;
    color: rgb(77, 77, 77);
    line-height: 25px;
    font-family: serif;
}

/* photo-gallery */
.photo1{
    width: 100%;
    height: 81vh;
}
.photorap1{
    width: 60%;
    margin: auto;
    display: grid;
    grid-template-columns: auto;
}
.box{
    height: 80vh;
}
.box img{
    width: 100%;
    height: 80vh;
}

.photo2{
    width: 100%;
    height: 81vh;
}
.photorap2{
    width: 60%;
    margin: auto;
    display: grid;
    grid-template-columns: auto auto;
    grid-column-gap: 5px;
}
.box2{
    height: 80vh;
}
.box2 img{
    width: 100%;
    height: 80vh;
}

.photo3{
    width: 100%;
    height: 161vh;
}
.photorap3{
    width: 60%;
    margin: auto;
    display: grid;
    grid-template-columns: auto;
}
.box3{
    height: 160vh;
}
.box3 img{
    width: 100%;
    height: 160vh;
}

.photo4{
    width: 100%;
    height: 91vh;
}
.photorap4{
    width: 60%;
    margin: auto;
    display: grid;
    grid-template-columns: auto auto;
    grid-column-gap: 5px;
}
.box4{
    height: 90vh;
}
.box4 img{
    width: 100%;
    height: 90vh;
}

.photo5{
    width: 100%;
    height: 81vh;
}
.photorap5{
    width: 60%;
    margin: auto;
    display: grid;
    grid-template-columns: auto;
}
.box5{
    height: 80vh;
}
.box5 img{
    width: 100%;
    height: 80vh;
}

.photo6{
    width: 100%;
    height: 101vh;
}
.photorap6{
    width: 60%;
    margin: auto;
    display: grid;
    grid-template-columns: auto;
}
.box6{
    height: 100vh;
}
.box6 img{
    width: 100%;
    height: 100vh;
}

.photo7{
    width: 100%;
    height: 91vh;
}
.photorap7{
    width: 60%;
    margin: auto;
    display: grid;
    grid-template-columns: auto auto;
    grid-column-gap: 5px;
}
.box7{
    height: 90vh;
}
.box7 img{
    width: 100%;
    height: 90vh;
}

.photo8{
    width: 100%;
    height: 99vh;
}
.photorap8{
    width: 60%;
    margin: auto;
    display: grid;
    grid-template-columns: auto;
}
.box8{
    height: 98vh;
}
.box8 img{
    width: 100%;
    height: 98vh;
}

.photo9{
    width: 100%;
    height: 85vh;
}
.photorap9{
    width: 60%;
    margin: auto;
    display: grid;
    grid-template-columns: auto auto;
    grid-column-gap: 5px;
}
.box9{
    height: 65vh;
    padding: 60px;
    margin-left: 8%;
}
.box9 img{
    width: 100%;
    height: 65vh;
    padding-top: 3%;
}

.photo10{
    width: 100%;
    height: 102vh;
}
.photorap10{
    width: 40%;
    margin: auto;
    display: grid;
    grid-template-columns: auto auto;
    grid-column-gap: 5px;
}
.box10{
    height: 85vh;
    padding: 60px;
    margin-left: 8%;
}
.box10 img{
    width: 100%;
    height: 85vh;
    padding-top: 3%;
}