/* CITIZENSHIP TEST */

#survey-form {
  background-color: white;
}

fieldset { 
  border:1px solid lightgray;
  margin: 10px;
  }

#number {
  width: 150px;
}

/* div + div {
  margin-top: 1em;
  } */


input, textarea {
  /* To give the same size to all text field */
  width: 200px;

  /* To harmonize the look & feel of text field border */
  border: 1px solid #999;
  margin: 5px 10px;
}


input:focus, textarea:focus {
  /* To give a little highligh on active elements */
  border-color: OrangeRed;
}

textarea {
  /* To properly align multiline text field with their label */
  vertical-align: top;

  /* To give enough room to type some text */
  height: 5em;

  /* To allow users to resize any textarea vertically
      It works only on Chrome, Firefox and Safari */
  resize: vertical;
}

.button {
  /* To position the buttons to the same position of the text fields */
  padding-left: 90px; /* same size as the label elements */
}


#submitbutton {
  display: flex; 
  justify-content: center;
}



/* part 2 */


button {
  text-transform: capitalize;
  background-color: red;
  font-size: 18px;
  padding: 10px;
  margin: 20px 0;
  color: white;
  border: 0;
  border-radius: 10px;
  border-bottom: 3px solid #333;
}


#submit {
  background: green;
}

#reset {
  background: red;
}

#submit2 {
  background: green;
}

#reset2 {
  background: red;
}

#sendScore {
  background: purple;
}

#answer-type {
  border: 1px dashed #ccc;
  background: #eee;
  padding-left: 10px;
} 

#answerType {
  border: 1px dashed #ccc;
  background: #eee;
  padding-left: 10px;
} 

#testScore {
  border: 1px dashed #ccc;
  background: #eee;
  padding-left: 10px;
} 

#testScore2 {
  border: 1px dashed #ccc;
  background: rgb(156, 156, 156);
  padding-left: 10px;
} 

.spacing {
  padding-left: 30px;
  width: 15%;
}

.ans {
  color: black;
  width: 50%;
  padding-left: 5%;
  margin-left: 5%;
}

.ans2 {
  color: black;
  width: 50%;
  padding-left: 5%;
  margin-left: 5%;
}

.sendBtn {
  background: purple;
}

.tab {
  margin-left: 5%;
}

.essay {
  margin-left: 5%;
  width: 50%;
}