body{
    background-image: linear-gradient( 115deg, rgba(58, 58, 158, 0.8), rgba(136, 136, 206, 0.7) ), url('survey-form-background.jpeg');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    margin: 0;
    height: 100vh;
}

#container{
    width: 50%;
    min-width: 450px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
}

#title, #description{
    text-align: center;
    color: white;
    font-family: Tahoma;
    font-weight: 100;
}

#description{
    font-style: italic;
    /* font-weight: 100; */
}

#survey-form{
    background-color: rgba(27, 27, 50, 0.8);
    padding: 20px 20px 30px 20px;
}

fieldset{
    border: none;
    margin-bottom: 5px;
}

fieldset:nth-child(3){
    margin-bottom: 0;
}

label, p{
    color: white;
    font-size: 1.3rem;
    font-family: sans-serif;
}

label{
    display: block;
    margin: 0.5rem 0;
}

input, select, textarea{
    width: 100%;
    margin: 10px 0;
    min-height: 2em;
    font-size: 1.0rem;
    box-sizing: border-box;
    padding: 0.5rem;
}

textarea{
    min-height: 120px;
    width: 100%;
    resize: vertical;
}

input[type="radio"], input[type="checkbox"]{
    width: unset;
    margin: 0 0.5em 0 0;
    vertical-align: middle;
}

input[type="submit"]{
    display: block;
    border: none;
    background-color: #37af65;
    color: white;
    font-size: 1.0rem;
    padding: 10px;
    cursor: pointer;
}