survey.css

html {
    background-image: linear-gradient(115deg, rgba(58, 58, 158, 0.8), rgba(136, 136, 206, 0.7)), url(https://cdn.freecodecamp.org/testable-projects-fcc/images/survey-form-background.jpeg);
    background-position: center;
}

body {
    max-width: px;
    margin: 0 auto;
    padding: 20px;
}
#title {
    color: white;
    font-weight: 400;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0.5em;
    font-size: 2em;

}

#description {
    font-style: italic;
    font-weight: 200;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}

h1,
p {
    font-family: 'Poppins', sans-serif;
    color: white;
}



form {
    height: 50%;
    width: 50%;
    margin: 0 auto;
    background-color: rgba(27, 27, 50, 0.8);
    display: block;
    padding: 0 1em;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    color: white;
}



label {
    display: inline-block;
    margin: 1em auto;
}

input,
textarea,select{
    display: block;
    margin: 0 auto;
    width: 40%;
    height: 2em;
    border-radius: 5px;
    border: none;
    padding: 0.5em;
    text-align: center;
}

#definitely, #maybe, #not-sure {
    display: inline-block;
    margin: auto;
}
label[for="definitely"],label[for="maybe"],label[for="not-sure"] {
    margin: auto;
    display:block;

}

textarea {
    height: 10em;
    margin-bottom: 5px;
    max-width: 50%;
}





/*Submit button */

#submit {
    background-color: #4CAF50;
    display: block;
    margin: 0 auto;
}

#submit:hover {
    background-color: white;
    display: block;
    text-align: center;
    margin: 0 auto;

}