body {
    background-color: #2F5F11;
    background-image: url('https://images.unsplash.com/photo-1618408448619-0ba4ad2944ac?q=80&w=1633&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');
 background-repeat: no-repeat;   
    background-size: cover;
    
    
    color: #FFFFFF;
      font-family: "Delius", cursive;
font-size: 1.3em;
border: .7em double #3f6654;
padding: 2em;
   border-image: linear-gradient(125deg, #32a852 0%, #54566b 25%, #546b66 50%, #545e6b 75%, #545e6b 100%) 1;
    border-width: 4px;
} 
a {
    color: #FFFFFF;
}

h1 {


  font-family: "Monoton", sans-serif;

font-size: 2.5em;
text-align: center;
}
.tiny {
    font-size: .5em;
    
    cursor: wait;
}

.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: 45%;
  margin: .5em;

  padding: 1em;
  text-align: center;
}

/* 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;
}