#button_next {
  width: 32%;
  margin: auto auto auto;
  float: left; 
  clear: center;
  padding-bottom: 5px;
  padding-top: 5px;
  padding-left: 0px;
  background-color: #bda1f5;
  font-size: 15;
  font-family: 'Myriad Pro', sans-serif;
  text-align: center;
  cursor: pointer; /* Add a mouse pointer on hover */
}

#button_next:hover {
  background-color: white; /* Add a dark-grey background on hover */
  color: white;
  letter-spacing: 0.3em;
}

#info_left {
  width: 55%;
  float:left;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 30px;
  font-family: 'Myriad Pro', sans-serif;
  line-height: 1.5em;
  text-align: left
  margin: auto auto auto;
  border-radius:1px;
  background-color: #e5d6f9ff;
  font-size: 15px;
}
#info_right{
  width: 55%;
  float:right;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: 'Myriad Pro', sans-serif;
  line-height: 1.5em;
  text-align: right;
  margin: auto auto auto;
  border-radius:1px;
  background-color: rgb(175, 165, 165);
  font-size: 15px;
  animation: fade-in 5s;
}

#info_left:hover {
  width: 90%;
  float:right;
  background-color: #f2ce95;
  letter-spacing: 0.1em;
}
#info_right:hover {
  width: 90%;
  float:left;
  background-color:#c5f5a0;
  letter-spacing: 0.1em;
}

#downbox{
  width: 30%;
  float: left;
  margin-left: 1em;
  margin-right: 1em;
  text-align: center;
}
#downbox:hover {
  color: red;
  width: 25%;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 900px){
#info_left:hover {
  width: 55%;
  float:left;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 30px;
  font-family: 'Myriad Pro', sans-serif;
  background-color: #f2ce95;
  letter-spacing: 0.0em;
}
#info_right:hover {
  width: 55%;
  float:right;
  background-color:#c5f5a0;
  letter-spacing: 0.0em;
}

#ghost{
  width: 100%;
  float:left;
  z-index: 99; /* Make sure it does not overlap */
  margin: 5% auto 5%;
}
#button_next {
  width: 30%;
  z-index: 99; /* Make sure it does not overlap */
  margin: auto auto auto;
  float: left; 
  clear: center;
  cursor: pointer; /* Add a mouse pointer on hover */
}

#button_next:hover {
  background-color: white; /* Add a dark-grey background on hover */
  color: white;
  letter-spacing: 0.3em;
}

}