*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: Arial, Helvetica, sans-serif;
}

body{
  color: #262626;
}


header{
  background-color: #422e01;
  position: fixed;
  width: 100%;
}

fieldset{
  border: none;

}

container{
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url("https://charleskdesigns.com/wp-content/uploads/2024/06/chemMute.jpg");
}

h1{
  text-align: center;
  color:#E0CAAB;
}

h2{
  text-align: center;
  color:#E0CAAB;
}

#result{
  background-color: #422e01;
  width: 60%;
  padding: 1%;
  margin: auto;
}

#qid{
  font-size: 24px;
  color:#E0CAAB;
}

#question{
   font-size: 24px;
  color:#E0CAAB;
}



#question-options{
  font-size: 20px;
  color:#E0CAAB;
}

nextPrevious{
  display: flex;
}

button {
  background-color: #E0CAAB; /* Gray */
  border: none;
  color: #422e01;
  Height: 25px;
  width: 40%;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  margin: 10px auto 0px auto;
}

input[type="radio"] {
	opacity: 1;
	width: 20%;
	height: 30px;
  background-color: #E0CAAB !important;
}


@media screen and (min-width: 430px) {
   #question-options{
  font-size: 20px;
  }
  
  #qid{
  font-size: 24px;
}

#question{
   font-size: 24px;
}
}