body {
  font-family: Georgia, serif;
  background-image: url('https://images.squarespace-cdn.com/content/v1/60ba77ae5c7e356647537a51/1633968688945-A3ID5HI2R0BOQP57XCP7/Jacques-Louis_David_-_The_Coronation_of_NapoleonWiki.jpg');
  padding: 20px;
  margin: 0
}
.container {
  max-width: 600px;
  margin: auto;
  background: white;
  padding: 20px;
  border-radius: 8px;
}
h1 {
  text-align: center;
}
.subtitle {
  text-align: center;
  font-style: italic;
  margin-bottom: 20px;
}
.question {
  margin-bottom: 20px;
}
button {
  display: block;
  margin: 20px auto;
  padding: 10px 20px;
  font-size: 16px;
}
#result {
  text-align: center;
  font-weight: bold;
  margin-top: 20px;
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}