// Fotografie de la Kévin Dorg: https://www.pexels.com/ro-ro/fotografie/abstract-imagini-abstracte-estompare-ince-o-are-2881262/
@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');
* {
    font-family: 'Questrial', sans-serif;
    margin: unset;
    padding: unset;
}
body {
  background-image: url("bgsurveyform.jpg");
  color: white;
}
header {
 text-align: center;
 padding: 30px 0 20px 0;
}
#description {
  font-size: 20px;
  font-style: italic;
}
#survey-form {
  display:flex;
  justify-content: center;
  flex-direction: column;
  padding: 20px;
  background-color: rgba(49, 2, 27, 0.47);
  width: 46%;
  margin: 0 27%;
  border-radius: 5px;
}

#name-label, #email-label, #number-label, #option-label, #recommend-label, 
#improved-label, #comment-label, #favorite-label {
   font-size: 22px;
   padding: 5px 0;
   margin-top: 20px;
}
#name, #email, #number, 
#dropdown, #comment, #dropdown2 { 
  height: 100%;
  border-radius: 5px;
  padding: 20px;
  box-sizing: border-box;
}
#comment {
  height: 100%;
}
#submit {
  height: 55px;
  margin-top: 20px;
  background-color: rgba(245, 65, 39, 0.8);
  color: white;
  font-weight: bold;
  font-size: 20px;
}
.checkbox {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  font-size: 22px;
  gap: 7px;
}
.checkbox input {
  width: 20px;
  height: 20px;
 
}
.radio {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  font-size: 22px;
  gap: 7px;
}

.radio input {
  width: 20px;
  height: 20px;
 
}
#dropdown, #dropdown2 {
  appearance: none;
        outline: 0;   
        width: 100%;
        height: 100%;
        color: black;
        cursor: pointer;   
} 
option {
  font-size: 18px;
}
footer {
  text-align: center;

}
footer a {
  text-decoration: none;
  list-style-type: none;
  color: white;
  gap:  20px;
}