body {
    font-family: 'Open Sans', sans-serif;
    background-color:darkgray:
    
}
h1 {
    text-align: center;
    font-size: 40px;
    font-family: 'Roboto', sans-serif;
    transform: rotate(-5grad);
    padding-bottom: 0px;
    background-color:gold;
}

h3 {
    text-align: center;
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
}


#container {
    background-color:crimson;
    width: 80%;
    margin: 0 auto;
    padding: 20px;
    display:flex;
    flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  justify-content: space-around;
  align-content:space-between;
  border-radius: 20px;
  
   

}

#container div {
width: 300px;
height:300px;
text-align: center;

}

img{
border-radius: 10%;
width: 80%;
}


img:hover {
 /*   -webkit-filter: grayscale(100%);  Ch 23+, Saf 6.0+, BB 10.0+ */
    /*    filter: grayscale(100%);  FF 35+ */
        width:110%
    }