section {
    margin: 2em 0em 2em 0em;
}


h3 {
    font-size: 3em;
}

p {
    width: 30em;
    text-align: justify;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.5em;
}

@media screen and (max-width: 800px) {
    p {
        width: auto;
        margin: 2em;
    }
}



/* IMG1 */
.img1 {
    width: 20em;
    margin: 1em 0.5em 1em 0.5em;
}

@media screen and (max-width:1100px) {
    .img1 {
        width: 18em;
        margin: 1em 0.2em 1em 0.2em;
    }
}



/* IMG2 */
.img2 {
    overflow: hidden;
    border-radius: 10% 0% 10% 0%;
    width: 20em;
    height: 20em;
    object-fit: cover;
}



/* IMG3 */
.img3 {
    height: 40em;
    padding: 2em;
}

@media screen and (max-width: 1000px) {
    .img3 {
        height: auto;
    }
}

#pearl {
    width: 50em;
}



/* IMG4 */
.img4 {
    width: 30em;
    height: 25em;
    object-fit: cover;
}

#s4 {
    margin: 2em 0em 2em 0em;
}

#sphere {
    width: 30em;
}



/* IMG5 */
.img5 {
    width: 35em;
    height: 20em;
    object-fit: cover;
}



#s5 {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}




/* IMG6 */
.img6 {
    width: 30em;
}


/* IMG7 */
.img7 {
    width: 15em;
}


#violet {
    width: 11em;
}

#june {
    width: 12em;
}

#gaia {
    width: 12em;
}

/* IMG8 */
.img8 {
    width: 20em;
}

#onions {
    width: 30em;
}

/* IMG9 */
.img9 {
    height: 25em;
}

/* IMG10 */

.img10 {
    height: 20em;
}