body {
    background-color: #134E13;
    color: #B1ECB1;
      font-family: "Comic Relief", system-ui;
font-size: 1.1em;
border: 1em solid #089103;

padding: 2em;

cursor: wait;
}
a {
    color: #FFFFFF;
}

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

h1 {
      font-family: "Delius Unicase", cursive;
text-align: center;
 background-image: linear-gradient(to right, red,orange,yellow,green,blue,indigo,violet);
}

img {
    border: 1em ridge #6afc0f;

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