body {
   background-color:#FFFACD;
   color: #800000;
   border: 1em double #FF7F50;
   margin: 1em;
   padding: 2em;
    font-family: "Indie Flower", cursive;
    font-size: 120%;

   
}
a:hover {
     background-color:#800000;
   color: #FFFACD;
}
a {
     color: #813786;  
}

img {
  border: 1em ridge #FF7F50;
  border-radius: 2em;
}

.float {
  float: left; 
}

h1 {
  font-family: "Playwrite NZ Basic", cursive;
        text-align: center;
}


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

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

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

/* SIDE TO SIDE */
/* Create the animation... */
@keyframes breathe {
   0% {
      transform: scale(0.5);
   }
   100% {
      transform: scale(1) rotate(2deg);
   }
}

/* ...and then apply it: */
.breathe {
   animation-duration: 3s;
   animation-name: breathe;
   animation-iteration-count: infinite;
   animation-direction: alternate;
   animation-timing-function: ease-in-out;
}
/* ...and then apply it: */
.breathe {
   animation-duration: 3s;
   animation-name: breathe;
   animation-iteration-count: infinite;
   animation-direction: alternate;
   animation-timing-function: ease-in-out;
}