body {background-color: #008099;}

button {cursor: pointer}

/* Center the form on the page */
.form-wrapper {
  display: flex;
  justify-content: center;
  padding: 16px; /* prevents edge-touch on small screens */
}

/* The fieldset itself */
form, fieldset {
  width: 100%;
  max-width: 1000px;   /* controls centered width on desktop */
  box-sizing: border-box;
  text-align: left;  /* keeps text left-aligned */
  padding: 20px;
}

@media (max-width: 600px) {
  form fieldset {
    padding: 12px;
    border-left: none;
    border-right: none;
  }
}



h1 {color: orange}

#next-button {color: white;
  background-color: orange;
  font-size: 100%;
width: 100px;
height: 50px}

#sentenceContainer {
  margin-bottom: 16px;
  background-color: #FAFAFA;
  padding: 16px;
  font-size: clamp(24px, 5vw, 48px);
  
}