.arith {
  display: flex;
}

body {
  font-family: cursive;
  background-color: rgba(255, 255, 0, 0.448);
}

#top {
  display: flex;
}

.btn {
  font-family: cursive;
  font-weight: bolder;
  background: rgba(255, 255, 0, 0.448);
  width: 140px;
  color: black;
  margin-top: 10px;
  padding: 12px 24px;
  border: 2px solid black;
  border-radius: 12px;
  cursor: pointer;
  transition: border-width 0.05s ease;
}

.btn:hover {
  border-width: 4px;
}

.btn:active {
  background-color: rgba(107, 189, 117, 0.185);
}

.num {
  font-family: cursive;
  font-size: xx-large;
  background-color: rgba(255, 255, 0, 0.448);
  border: 2px solid black;
  border-radius: 8px;
  height: 50px;
  width: 200px;
  margin-right: 3px;
}

.op {
  font-family: cursive;
  font-size: xx-large;
  background-color: rgba(255, 255, 0, 0.448);
  border: 2px solid black;
  border-radius: 8px;
  height: inherit;
  margin-right: 3px;
}

#list {
  margin-left: 40px;
}

#otherQuestions {
  font-size: x-large;
}

#userAnswers {
  margin-left: 40px;
}

#submittedCalculations {
  font-size: x-large;
}

#answersList {
  font-size: x-large;
}