body {
    background-color: #024B07;
    color: 	#0AFFFF;
    font-family: "Oswald", Sans-Serif;
    font-size: 1.5em;
    padding: 2em;
}

h1 {
     font-family: "Satisfy", cursive;
     font-size: 3em;
     text-align: center;
}

  a:hover {
    cursor: crosshair; 
  } 
  
  
}

a {
    color: #0AFFFF;
}

img{
    border: 0.3em ridge #0AFFFF; 
border: 0.5em solid #0AFFFF;
}


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

.box {
  flex-basis:40%;
  margin: 1.5em;
  border: 1px solid black;
  border-radius: 10px;
  padding: 1em;
}

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

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