html body {
  min-height: 100vh;
}
body {
  background:linear-gradient(to top, #f7764a,#f9cc7b);
  background-repeat:no-repeat !important;
  margin: 40px auto;
  color: black;
  display: flex;
  width: 90%;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: space-evenly;
  overflow: scroll;
}

body > div {
  margin: 40px auto;
  flex-grow: 1;

}

div .image {
  border: 3px solid purple;
  min-width: 30%;
  background-color: white;
  margin: auto;
  box-shadow: 10px 10px 5px Crimson;
}

div .pdf {
  border: 3px solid purple;
  min-width: 30%;
  background-color: white;
  margin: auto;
  box-shadow: 10px 10px 5px Crimson;
}

div > video {
  border: 3px solid purple;
  min-width: 30%;
  background-color: white;
  margin: auto;
  box-shadow: 10px 10px 5px Crimson;
}
div > audio {
  border: 3px solid purple;
  min-width: 30%;
  background-color: white;
  margin: auto;
  box-shadow: 10px 10px 5px Crimson;
}
div > pre {
  border: 3px solid purple;
  min-width: 30%;
  background-color: white;
  color: black;
  margin: auto;
  box-shadow: 10px 10px 5px Crimson;
}


img {
  width: auto;
  height: auto;
}