* {
  font-family: Arial, Helvetica, sans-serif;
}
body {
  padding: 0;
  margin: 0;
}
header {
  padding: 0;
  text-align: center;
  margin: 1rem;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-radius: 15px;
}
h1 {
  padding: 0;
  margin: 0;
}
#start {
  display: flex;
  justify-content: center;
  margin: 1rem;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  justify-items: center;
  gap: 2rem;
}
#start > button {
  width: 50vw;
  color: #4ade80;
  border: solid #4ade80 2px;
  font-size: 200%;
  border-radius: 15px;
  background-color: transparent;
}
#start > button:hover {
  background-color: #4ade80;
  color: white;
}
#answers {
  display: grid;
  justify-items: center;
  gap: 2rem;
  margin-top: 3rem;
}
#answers > button {
  width: 60vw;
  font-size: 150%;
  border-radius: 20px;
  border: solid #60a5fa;
  color: #60a5fa;
  background-color: transparent;
}
#answers > button:hover {
  background-color: #60a5fa;
  color: white;
}
#question-section > p {
  text-align: center;
  font-size: 200%;
}
#next {
  position: absolute;
  bottom: 0;
  width: 96vw;
  margin: 2vw;
  margin-bottom: 15px;
  color: white;
  border: solid #4ade80;
  border-radius: 3rem;
  height: 3rem;
  font-size: 1.5rem;
  background-color: #4ade80;
}