body{
    font-family:  sans-serif;
    margin: 0%;
    padding: 0%;
    background-color:beige;
    color: blackS;
}
header{
    background-color: white;
    color: grey;
    padding: 0%;
    text-align: center;

}
header h1{
    text-align: center;
    font-size: 2.5em;
    font-style: oblique;
}
nav ul{
    list-style: none;
    padding: 0%;
    display: flex ;
    justify-content: space-around;
    gap: 20px;
}
nav a{
    text-decoration: none;
    color: grey;
    font-size: 1.5em;

    justify-content: center;
    margin: 1em;
    transition: background-color 2s;
    border-radius: 10px;
    padding: 1em;
}
header nav{
    
    display: flex;
    justify-content: space-around;
    padding: 0%;
    
}


a:hover{
    
    color: rgb(219, 233, 233);
    background-color: rgb(207, 137, 32);
}
section ul{
    list-style: none;
}

main{
    display: flex ;
    max-width: 1200px;
    margin:20px auto;
    padding: 0 20px auto;
    gap: 30px;
}
main section{
    padding: 2em;
    background-color: rgb(226, 192, 192);
    border-radius: 10px;
    flex: 3;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 10);
    
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    
}
main section h2{
    text-align: center;
    font-size: 2em;
}
main section p{
    text-align: justify;
    font-size: 1.2em;
}

aside{
    background-color: rgb(146, 192, 209);
    
}
aside h3{
    text-align: center;

}
aside form{
     justify-content: center;
     gap: 20px;
     padding: 2em;
}
footer{
    background-color: black;
    color: white;
    text-align: center;
    padding: 2em;
}