body{
  background-image:url("background.jpg");
  background-size:cover;
  font-family: Georgia, 'Times New Roman', Times, serif;
  color:floralwhite;
  background-color: ivory;
   min-height: 100vh;
}
.item{
  background-color:grey;
  padding:15px;
  margin:15px auto;
  width:45%;
  padding:10px;
   display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 120px; /* pushes boxes into middle */
  display: block;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  
}
nav{
  text-align: center;
  font-size:30px;
}
nav a{
  margin: 10px;
  color:indigo;
}
h1{
  text-align:center;
  color:ivory;
}
h2{
  text-align:center;
  color:indigo;
}
p{
  text-align:center;
  color:lavenderblush;
}
.center{
  display: block;
  margin-left: auto;
  margin-right: auto;
   min-height: 350px;
} 
.planet{
  width:80%;
  background-color:black;
  padding-top:20px;
  margin:20px auto;
  border-radius:10px;
  text-align:center;
}
img{
  border:2px soild white;
}
.play-button{
  display:block;
  width:200px;
  margin:20px auto;
  background-color:indigo;
  color:white;
  padding:20px;
  font-size:26px;
  text-decoration:none;
  border-radius:10px;
  text-align:center;
}

.play-button:hover{
  background-color:ivory;
}
.top-image{
  width:70%;
}
.boxBullet{
  text-align:left;
  display:inline-block;
}
footer{
  background-color:black;
  color:white;
  text-align:center;
  padding:20px;
  display:block;
}