body {
  background-color:#c9e4f0;
  font-size: 1rem;
}

header {
  display: flexbox;
  justify-content: center;
  align-items: center;
  padding-top: 2rem;
  padding-bottom: 1rem;
  width: 85vw;
  margin: auto;
  background-color: white;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

#title {
  display: flex;
  justify-content: center;
  font-family: 'Montserrat', sans-serif;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  width: 80%;
  margin: auto;
}

#description {
  display: flex;
  justify-content: center;
  font-family: 'Montserrat', sans-serif;
  width: 80%;
  margin: auto;
}

#survey-form {
  display: flexbox;
  justify-content: center;
  align-items: center;
  width: 85vw;
  margin: auto;
  font-family: 'Barlow', sans-serif;
  background-color: white;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

#name-email-number-div {
  display: flexbox;
  justify-content: center;
  align-items: center;
  padding-top: 2rem;
}

#name-email-number-div input {
  display: flex;
  width: 80%;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  height: 1.5rem;
  margin: auto;
}

#name-email-number-div label {
  display: flex;
  margin: auto;
  width: 80%;
}

#dropdown-div {
  display: flexbox;
  justify-content: center;
  align-items: center;
}

#dropdown-div p {
  display: flex;
  width: 80%;
  margin-left: 10%;
}

#dropdown-div select {
  display: flex;
  width: 80%;
  height: 2rem;
  margin: auto;
}

#radio-div {
  display: flexbox;
  justify-content: center;
  justify-items: center;
  align-items: center;
}

#radio-div label {
  display: flex;
  margin-top: 1rem;
  margin-bottom: 1rem;
  width: 80%;
  margin-left: 10%;
}

#radio-div p {
  display: flex;
  width: 80%;
  margin-left: 10%;
}


#checkbox-div {
  display: flexbox;
  justify-content: center;
  align-items: center;
}

#checkbox-div p {
  display: flex;
  width: 80%;
  margin-left: 10%;
}

#checkbox-div label {
  display: flex;
  margin-top: 1rem;
  margin-bottom: 1rem;
  width: 80%;
  margin-left: 10%;
}

#textarea-div {
  display: flexbox;
  justify-content: center;
  align-items: center;
}

#textarea-div p {
  display: flex;
  width: 80%;
  margin-left: 10%;
}

#textarea-div textarea {
  display: flex;
  width: 80%;
  margin-left: 10%;
}

#textarea-div button {
  width: 80%;
  margin-left: 10%;
  height: 3rem;
  margin-top: 2rem;
  margin-bottom: 4rem;
}