/* Styling for the quiz container */
   @font-face {
  font-family: "Open Sans SemiBold";
  src: url("font/OpenSans-SemiBold.ttf") format("truetype");
}	
 
		@font-face {
  font-family: "Open Sans";
  src: url("font/OpenSans-Bold.ttf") format("truetype");
}		
@font-face {
  font-family: "OpenSans Light";
  src: url("font/OpenSans-Light.ttf") format("truetype");
}

	@font-face {
  font-family: "OpenSans Medium";
  src: url("font/OpenSans-Medium.ttf") format("truetype");
}
   .quiz-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 50px;
  }

  /* Styling for the question header */
  h1 {
  font-family: "open sans";
  font-size: 46px;
  font-weight: bold;
  line-height: 46px;
  font-style: normal;
  text-align: center;
  color: #3c3950;
  margin-bottom: 83px;
}
h4 {
  height: 25px;
  font-family: "open sans";
  font-size: 26px;
  font-weight: bold;
  line-height: 26px;
  font-style: normal;
  text-align: center;
  color: #3c3950;
  margin-bottom: 71px;
}
  /* Styling for the answer buttons */
  button {
    padding: 10px 20px;
    font-size: 24px;
    border-radius: 5px;
    margin: 20px;
    cursor: pointer;
  }

  /* Style for the "Yes" button */
  button.yes {
      font-family: "open sans";
font-size: 20px;
font-weight: bold;
line-height: 20px;
font-style: normal;
text-align: center;
color: #3c3950;
  BORDER: none;
  width: 129px;
  height: 54px;
  border-radius: 27px;
  filter: drop-shadow(0px 3px 3px rgba(0,0,0,0.16 ));
  background: #ffffff;
}
  /* Style for the "No" button */

  button.no {
      font-family: "open sans";
font-size: 20px;
font-weight: bold;
line-height: 20px;
font-style: normal;
text-align: center;
color: #3c3950;
  BORDER: none;
  width: 129px;
  height: 54px;
  border-radius: 27px;
  filter: drop-shadow(0px 3px 3px rgba(0,0,0,0.16 ));
  background: #ffffff;
}
  button.yes:hover {
color: #3c3950;
height: 54px;

filter: drop-shadow(0px 3px 3px rgba(0,0,0,0.16 ));

background: #e4eff9


}

  button.no:hover {
      color: #3c3950;
height: 54px;
filter: drop-shadow(0px 3px 3px rgba(0,0,0,0.16 ));
background: #e4eff9
}
button.GETRESULTS {
  width: auto;
  height: 54px;
  border-radius: 27px;
  filter: drop-shadow(0px 3px 3px rgba(0,0,0,0.16 ));
  background: #ffffff;
  border: 0px;
  font-family: "open sans";
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  font-style: normal;
  text-align: center;
  color: #3c3950;
}
button.GETRESULTS:hover {
height: 54px;
filter: drop-shadow(0px 3px 3px rgba(0,0,0,0.16 ));
background: #e4eff9
}

.descriptions {
  height: 25px;
  font-family: "OpenSans Light";
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
  font-style: normal;
  text-align: center;
  color: #3c3950;
  margin-bottom: 73px;
}
div#page-1 {
  text-align: center;
}
div#page-2 {
  text-align: center;
}
div#page-3 {
  text-align: center;
}
div#page-4 {
  text-align: center;
}
div#page-5 {
  text-align: center;
}

div#page-6 {
  text-align: center;
}
div#page-7 {
  text-align: center;
}
div#page-8 {
  text-align: center;
}
input#first-name {
  WIDTH: 25%;
  font-family: "open sans";
  font-size: 24px;
  font-weight: bold;
  line-height: 24px;
  font-style: normal;
  text-align: CENTER;
  color: #dedde2;
  border-color: #dedde2;
  border-width: 1px;
  border-style: solid;
  border-radius: 11px;
  margin-bottom: 11px;

}
input#last-name {
  WIDTH: 25%;
  font-family: "open sans";
  font-size: 24px;
  font-weight: bold;
  line-height: 24px;
  font-style: normal;
  text-align: CENTER;
  color: #dedde2;
  border-color: #dedde2;
  border-width: 1px;
  border-style: solid;
  border-radius: 11px;
  margin-bottom: 11px;
}
input#email {
  WIDTH: 51%;
  font-family: "open sans";
  font-size: 24px;
  font-weight: bold;
  line-height: 24px;
  font-style: normal;
  text-align: CENTER;
  color: #dedde2;
  border-color: #dedde2;
  border-width: 1px;
  border-style: solid;
  border-radius: 11px;
  margin-bottom: 11px;
}