body {
   background-color:#000000 ;
    color: #7FFFD4 ;
     font-family: "Google Sans", sans-serif;
     font-size: 1.2em;
     border: 1em double blue;
     padding: 2em;
     cursor: wait;
}


h1 {
     font-family: "Open Sans", sans-serif;
     background-image: url('https://images.unsplash.com/photo-1523461870815-4981d5e9d939?q=80&w=387&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');
}

.small {
    
    font-size: .6em;
}
a {
    color:#11FF00;
    cursor: wait;
}


.container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  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;
  border: 1px solid black;
  border-radius: 10px;
  padding: 1em;
}

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