body {
    font-family: sans-serif;
    background-color: burlywood;
    /* background-image: url(https://github.com/Shuvkant/Freecodecamp/blob/dd08a600ab7620afa569875593c2e33bc042bca4/Freecodecamp/1221355.jpg); */
    /* background-image:     url(https://cdn.freecodecamp.org/testable-projects-fcc/images/survey-form-background.jpeg); */
    background-image: url(https://images.unsplash.com/photo-1668877334122-b60dd15bc1b7?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80);
    margin: 20px;
}

header {
    text-align: center;
    /* color: rgb(247, 139, 144); */
}
header p{
    font-style: italic;
}


label {
    display: block;
    margin: 2px;
}

form {
    width: 60vw;
    max-width: 500px;
    min-width: 300px;
    margin: 0 auto;
    padding-bottom: 2em;
    background-color: burlywood;
    opacity: 1;
    padding: 20px;
    border-radius: 24px;
    border: none;
    /* color: brown; */
}

input {
    border-radius: 5px;
}

.courses,
.form-group {
    margin-top: 8px;

}

.comments {
    margin-bottom: 2px;
}

textarea {
    min-height: 120px;
    width: 75%;
    padding: 0.625rem;
    resize: vertical;
    border-radius: 15px;
}

button {
    height: 35px;
    width: 75px;
    font-size: 15px;
    /* padding: 207px; */
    border-radius: 24px;
    color: white;
    background-color: rgb(92, 173, 108);
    margin: 0 auto;
}
.description{
    font-family:  sans-serif;
    /* width: 80%; */
}
.form-group input{
    display: inline-block;
}