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

body {
    background-color: aliceblue;
}

section.container {
    border: 10px solid orange;
    width: 100vw;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: left;
    align-content: flex-start;
    font-family: 'Neucha', cursive;
    font-size: 2rem;
}

div.pi {
    border: 1px solid orange;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    padding-top: 1rem;
    text-align: center;
}

a {
    text-decoration: none;
    color: #6746c3;
}

a:hover {
    color: orangered;
}

div.pi:nth-child(10n+1):hover {
    background-image: url("../images/BhamaSrinivasan.jpeg");
    background-size: cover;
    padding-top: 2rem;
}

div.pi:nth-child(10n+2):hover {
    background-image: url("../images/EmmyNoether.jpeg");
    background-size: cover;
    padding-top: 2rem;
}

div.pi:nth-child(10n+3):hover {
    background-image: url("../images/Grace-Hopper.jpeg");
    background-size: cover;
    padding-top: 2rem;
}

div.pi:nth-child(10n+4):hover {
    background-image: url("../images/Hypatia.jpeg");
    background-size: cover;
    padding-top: 2rem;
}

div.pi:nth-child(10n+5):hover {
    background-image: url("../images/KatherineJohnson.jpeg");
    background-size: cover;
    padding-top: 2rem;
}

div.pi:nth-child(10n+6):hover {
    background-image: url("../images/Maria-Gaetana-Agnesi.jpeg");
    background-size: cover;
    padding-top: 2rem;
}

div.pi:nth-child(10n+7):hover {
    background-image: url("../images/SofyaKovalevskaya.jpeg");
    background-size: cover;
    padding-top: 2rem;
}

div.pi:nth-child(10n+8):hover {
    background-image: url("../images/SophieGermain.jpeg");
    background-size: cover;
    padding-top: 2rem;
}

div.pi:nth-child(10n+9):hover {
    background-image: url("../images/Sun-Yung-Alice-Chang.jpeg");
    background-size: cover;
    padding-top: 2rem;
}

div.pi:nth-child(10n+10):hover {
    background-image: url("../images/Vivienne-Malone-Mayes.jpeg");
    background-size: cover;
    padding-top: 0;
    padding-bottom: 2rem;
}

div.pi:hover a {
    color: orangered;
}