body {
    background-image: radial-gradient(rgb(224, 224, 224), rgb(127, 200, 224));
    background-size: cover;
    background-position: 40% 10%;

}

header {
    text-align: center;
    font-family: Verdana;
    background-color: cadetblue;
    padding: 1em;
    color: white;
    
}

header > h1 {
    font-size: 45px;
}


header > p {
    font-size: 25px;
}

article > h2 {
    text-align: center;
    color: rgb(87, 87, 87)
}

article > .flex_parent {
    border: 4px solid cadetblue;
    display: flex;
    flex-flow: row wrap;
}

article .flex_child {
    margin: 8px;
    flex: 1 0 20%; /* grow, shrink, and the basis */
}

img {
    border-radius: 50%;
    border: 4px solid cadetblue;
    
}

img:hover {
    box-shadow: 10px 10px 5px grey;
}