body {
    background-color: #FF6D38;
    background-image: url('https://images.pexels.com/photos/1260324/pexels-photo-1260324.jpeg?_gl=1*absqou*_ga*MTU5MTU2NjUwNi4xNzY4OTQwNzUy*_ga_8JE65Q40S6*czE3NzIwNDk3MzMkbzIkZzEkdDE3NzIwNTAwNDEkajYwJGwwJGgw');
    background-repeat: no-repeat;
    background-size: cover;
   color: #000000;
     font-family: "Homenaje", sans-serif;
    font-size: 1.9em;
    border: 1em ridge black;
    padding: 2em;
}

a{
    color:#020E02;
}

h1 {
      font-family: "Tomorrow", sans-serif;
    font-size: 2.5em;
    cursor: wait;
    background-image:  radial-gradient(blue, yellow, green);

}

img {
    border: 1em ridge #000000;
}
.tiny {
    font-size: .5em;
}
.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:35%;
  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: 70%;
  display: block;
  margin: auto;
}
