@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');


body {
    background-color: rgb(102, 83, 58, 0.89);
    color: aliceblue;
    margin: 0 auto;
    font-family: "Playfair Display", serif;
}
main {
    background-color: rgb(0, 0, 0);
    margin: 0 auto ;
}
header, footer {
    background-color: rgba(102, 83, 58, 0.89);
    padding: 20px;
    text-align: center;
}
nav  {
    border-bottom: 2px solid beige;
    padding: 20px;
}
 section {
    display: block ;
    padding: 10px;
}

nav li  {
    text-decoration-color: rgb(54, 35, 9);
    display: inline-block;
    padding: 15px;
    background-color: antiquewhite;
    border: 2px solid bisque
    list-style: none;
 }
nav li:hover  { 
    background-color: black
    text-decoration-color: rgb (243, 220, 184);
    border-color :beige ;
 }
article {
    background-color: rgb(31, 23, 23);
    padding: 15px;
    width: auto;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}


 @media screen and (max-width: 600px) {
    header, footer {
        padding : 5px; 
    }
    section {
        display: block;
    }  
 }