img {
  max-width: 100%; 
 	max-height: 100%; 
  object-fit: contain;
}
body {
  background-color:#c29ae3
}

.backgroundImage {
  background: url("https://apod.nasa.gov/apod/image/1910/M42Detailed_DrudisGoldman_960.jpg");
  position:absolute;
  top:10px;
  bottom:10px;
  left:10px;
  right:10px;
  border-radius:10px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  animation-name: spin;
  animation-duration: 3000ms;
  -webkit-animation-iteration-count: 1;
  animation-timing-function: ease-out;
  -webkit-animation-play-state: paused;
}
li,p,h1{
  color: #8cc7d1;
  font-family: "Times New Roman", Times, serif;
}
a{
  color: #8cc7d1;
}
@keyframes spin {
    from {
        transform:rotateY(0deg);
    }
    to {
       transform:rotateY(720deg);
    }
};