body {
        background-color:#3E4D23;
    color:#4DFFFF;
      font-family: "Monsieur La Doulaise", cursive;
font-size: 3em  ;
padding: 2em;
}

h1 {
    font-family: "Lavishly Yours", cursive;
     text-align: center;   
}


a:hover {
        background-color:#4DFFFF;
    color:#3E4D23;
    
    
}



img {
    border: .7em rige #4DFFFF;
    border-radius:50px ;
}



.container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.box img {
  max-width: 70%;
  display: block;
  margin: auto;
}

.box {
  /* PLAY WITH THE FLEX-BASIS TO SET THE SIZE OF THE BOXES */
  flex-basis: 25%;
  margin: 1.5em;
  border: 1px solid black;
  border-radius: 10px;
  padding: 1em;
}
h1 :hover{cursor:url; }