body{
    background-color:#e1bee7;
    font-size:20px;    
    
}
h1{
    font-family: Tangerine;
    font-size: 60px;
}
h1,#description{
    text-align: center;
}
.surveyform{
    
    max-width: 70%;
    margin:auto;
    padding: 10px;
    border: 1px solid black;
    border-radius: 5px;
    background-color:#fafafa;
    box-shadow:5px 5px 5px;
}

.flex-container{
    display: flex;
    flex-direction: row;

}

.alignFlexItem{
    align-self: center;
}
.alignText{
    text-align: end;
}
.col1{
    width: 50%;
    margin:5px 5px;
    padding: 5px 5px;
        
}
.col2{
    width: 50%;
    margin:5px 5px;
    padding: 5px 5px;
}

ul {
    list-style-type: none;
    padding-left: 0px;
}

input[type=text], input[type=email],input[type=number], select{
    width: 80%;
    height: 40px;
    padding-left: 10px;
    border: 2px solid black;
    border-radius: 4px;
    box-sizing: border-box;
    background-color: #f3e5f5;
  }
  textarea{
    width: 100%;
    height: 80px;
    padding-left: 10px;
    border: 1px solid black;
    border-radius: 4px;
    box-sizing: border-box;
    resize:vertical;
    background-color: #f3e5f5;
  }
 
#submit {
    background-color: #4CAF50;
    color: white;
    padding: 18px 20px;
    border: none;
    border-radius: 4px;
    margin:auto;
  }

@media screen and (max-width: 800px)
{
    .flex-container{
        flex-direction: column;
    }
    .alignFlexItem{
        align-self: flex-start;
    }
    .alignText{
        text-align: left;
    }
    
}
h1{
    color:darkblue;
    font-family: 'lobster' cursive;
}

.img-responsive{
    display:block;
    width: 200px;
    height: 200px;
    margin-right: auto;
    margin-left:auto;
}

h2, h3, h4, .surveyform{
    font-family: 'Courgette', cursive;
    color:deeppink;
}

 .ingredients{
    font-family: 'Courgette', cursive;
}

.Instructions, .introduction, p, .food{
    font-family: 'Amatic SC', cursive;
    font-size: 30px;
}

h4{
    font-size: 25px;
}

body{
    background-color: darkseagreen;
}

surveyform {
    background-color: !important #fafafa
        
}

a{
    color:firebrick;
}