*{
    padding: 0;
    margin: 0;
    font-family: Poppins, sans-serif;
}
h1{
    font-size: 32px;
}
p{
    font-size: 18px;
}
body{
    color: white;
    height: 100%;
    width: 100%;
    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-attachment: fixed;
    background-size: cover;
    display: flex;
    flex-direction: column;
}
#title{
    margin: 1rem auto;
    padding-top: +2rem;
}
#description{
    margin: 1rem auto;
    padding-bottom: +2rem;
}
#survey-form{
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #1b1b32c1;
    width: 60%;
    margin: 0 auto;
    padding: 2rem;
    max-width: 720px;
    border-radius: 5.25px;
    height: max-content;
}
.form-group{
    margin: 0 auto 1.25rem auto;
    padding: 0.25rem;
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 0.5rem;
    
}
input{
    border: none;
    padding: 15px 15px;
    border-radius: 5.25px;
}
select{
    width: 100%;
    border: none;
    padding: 15px 15px;
    border-radius: 5.25px;
}
option{
    width: 100%;
    border: none;
    padding: 15px 15px;
    border-radius: 5.25px;
}
#submit{
    padding: 0.75rem;
    border-radius: 2px;
    cursor: pointer;
    background-color: #37af65;
    border: none;
    color: white;
}