body,h1,h2,p,ul,li,form,label{

margin:0;
padding: 0;
box-sizing: border-box;
}


body{

font-family: Arial, Helvetica, sans-serif;
line-height: 1.6;
background-color: #BFBDC1;
color:#645986 ;
padding: 20px;

}

header{
text-align: center;
padding: 20px;
background-color:#6D6A75 ;
color: #ccc;

}

header h1 {


margin-bottom: 10px;
font-size: 2.5em;



}


header p {
font-size: 1.2em;

}

section{

margin: 20px 0;

}
h2 {

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

ul{
list-style-type: none;

}
ul li {

padding: 5px 0;
}

form{
display: flex;
flex-direction: column;
}

form label{

margin-bottom: 5px;
font-weight: bold;


}

form input,form textarea {

margin-bottom: 10px;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
}


form button{
padding: 10px;
background-color: #333;
color: aliceblue;
border: none;
border-radius: 5px;
cursor: pointer;

}

form button:hover{

background-color: bisque;
}
footer{
text-align: center;
padding: 10px;
background-color: black;
color: aliceblue;
margin-top: 20px;
}

@media (max-width:600px) {

header h1{

    font-size: 2em;
}

header p {
    font-size: 1em;
}

}