body {
 background-color: tan; 
 font-family: "copperplate", fantasy;
}

.heading {
  font-size: 25px;
  text-align: center;
  font-family: "copperplate", fantasy;
}

.question1 {
  text-align: left;
  font-size: 20px;
  font-weight: bold;
  border: thin black solid;
  border-radius: 8px;
  margin: auto;
  padding: 20px;
  width: 500px;
  background-color: #ffffe4;
}

.question2 {
  text-align: left;
  font-size: 20px;
  font-weight: bold;
  border: thin black solid;
  border-radius: 8px;
  margin: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  width: 500px;
  background-color: #ffffe4;
}

.question3 {
  text-align: left;
  font-size: 20px;
  font-weight: bold;
  border: thin black solid;
  border-radius: 8px;
  margin: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  width: 500px;
  background-color: #ffffe4;
}

.question4 {
  text-align: left;
  font-size: 20px;
  font-weight: bold;
  border: thin black solid;
  border-radius: 8px;
  margin: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  width: 500px;
  background-color: #ffffe4;
}

.question5 {
  text-align: left;
  font-size: 20px;
  font-weight: bold;
  border: thin black solid;
  border-radius: 8px;
  margin: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  width: 500px;
  background-color: #ffffe4;
}

.question6 {
  text-align: left;
  font-size: 20px;
  font-weight: bold;
  border: thin black solid;
  border-radius: 8px;
  margin: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  width: 500px;
  background-color: #ffffe4;
}

.question7 {
  text-align: left;
  font-size: 20px;
  font-weight: bold;
  border: thin black solid;
  border-radius: 8px;
  margin: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  width: 500px;
  background-color: #ffffe4;
}

.question8 {
  text-align: left;
  font-size: 20px;
  font-weight: bold;
  border: thin black solid;
  border-radius: 8px;
  margin: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  width: 500px;
  background-color: #ffffe4;
}

.question9 {
  text-align: left;
  font-size: 20px;
  font-weight: bold;
  border: thin black solid;
  border-radius: 8px;
  margin: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  width: 500px;
  background-color: #ffffe4;
}

.question10 {
  text-align: left;
  font-size: 20px;
  font-weight: bold;
  border: thin black solid;
  border-radius: 8px;
  margin: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  width: 500px;
  background-color: #ffffe4;
}

.questiontitles {
  text-align: center;
}

button {
 background-color: #ffa53f;
 font-family: "copperplate", fantasy;
 font-weight: bold;
 display: block;
 width: 400px;
 margin-left: auto;
 margin-right: auto;
 font-size: 25px;
 padding: 15px;
}

button:hover {
 background-color: #ff8c00; 
 transform: translateY(-2px);
}

#results {
 text-align: center;
 margin-top: 20px;
 padding: 15px;
}