body, h1, h2, p, ul, li, form, label {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
line-height: 1.6;
background-color: #eaebed;
color: #006989;
padding:20px;
}

header {
text-align: center;
padding: 20px;
background-color:#006989
color(#eaebed)
}

header h1 {
margin-bottom: 10px;
font-size: 2.5em;
}

header p {
    font-size: 1.2em;
}

h2 {
    border-bottom: 2px solid #000;
    margin-bottom: 10px;
    font-size: 1.5em;
}

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

form label {
    margin-bottom: 5px;
    font-weight: bold;
}

form input, form textarea {
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #000;
}
form button:hover{

background-color: #000;


}

footer{
text-align: center;
padding: 10px;
background-color: #006989;
color: bisque;
margin-top: 20px;

}
    @media(max-width:600px){

header h1 {
    font-size: 2em;
}

header p {
    font-size: 1em;
}


    }