body {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  color: #482d12;
  padding: 30px;
}

h1 {
  color: #19568b;
  font-family: Georgia, "Times New Roman", Times, serif;
  text-align: center;
}
h2 {
  color: inherit;
  font-family: Georgia, "Times New Roman", Times, serif;
}

.container {
  max-width: 100%;
  margin: auto;
  background: #b5d6f3;
  padding: 30px;
  border-radius: 10px;
}
.background {
  background-color: #b5d6f3;
}
button {
  background-color: #cc8237;
  color: #eee2d6;
  padding: 30px;
  height: 120px;
  width: 100%;
  border: none;
  border-radius: 10px;
  cursor: pointer;
}
button:hover {
  background-color: #19568b;
  color: #b5d6f3;

  /* border: 5px solid #cc8237; 2px wide solid orange border */
}
.text {
  background-color: #cc8237; /* Orange background */
  color: #eee2d6; /* Ensures text is readable */
  padding: 15px; /* Adds space around text */
  border-radius: 10px; /* Rounds the corners slightly */
  text-align: center; /* Centers the text */
  margin-top: 20px; /* Adds spacing from the content above */
  width: 100%; /* Adjust width as needed */
  margin-left: auto; /* Centers the div */
  margin-right: auto;
}

.container1 {
  margin-top: 30px;
  width: 100%;
  display: flex;
}

.spaced-span {
  background-color: #19568b;
  color: #b5d6f3;
  padding: 30px;
  width: 30%;
  text-align: center;
  /* border: none; */
  border-radius: 10px;
}
.spaced-span3 {
  padding: 30px;
  height: 300px;
  width: 30%;
  /* border: none; */
  border-radius: 10px;
}

.spaced-span2 {
  width: 20px;
  text-align: center;
  /* border: none; */
  border-radius: 10px;
}

.result {
  margin-top: 20px;
  font-size: 1.2em;
  color: #19568b;
}