body {
    background-color: #FFC0CB ;
color: #3C3375;

          font-family: "Bad Script", cursive;
font-size: 1.3em;
padding: 2em;   
                
}

a {
    color: #3C3375;
}

.small {
    font-size: .5em;
}

h1 {
    font-family: "Fleur De Leah", cursive;
    text-align:center ;     
}

img {
    border: .6em dotted #3C3375;
    
}

.container {
  display: flex;
  align-items: flex-start ;
  justify-content: space-around;
  flex-wrap: wrap;
}

.box {
  /* PLAY WITH THE FLEX-BASIS TO SET THE SIZE OF THE BOXES - DON'T GO OVER 45% */
  flex-basis: 25%;
  margin: .5em;

  padding: 1em;
}

    /* SETTING THE IMAGE WIDTH HERE INSTEAD OF IN HTML. REMOVE WIDTH="XXX%" FROM THE HTML IMAGE TAGS */
    .box img {
      max-width: 90%;
      display: block;
      margin: auto;
    }



    }