/* c'est le css */

body{
    background-color: #fffbf8;
    margin: 0;
}

main, footer{
    font-family: "League Spartan", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #423830;
    font-size: 20px;
    line-height: 28px;
    max-width: 85ch;
    margin: 0 auto;
}

p{
    margin-bottom: 44px;
}

h1{
    font-family: "Volkhov", serif;
    font-weight: 700;
    font-size: 80px;
    margin-bottom: 113px;
    margin-top: 113px;
}


h2{
    font-family: "Volkhov", serif;
    font-weight: 400;
    font-size: 28px;
    margin-bottom: 25px;
}

footer{
    text-align: center;
    font-weight: 200;
    background-color: #ffefe3;
    max-width: none;
    padding: 50px;
    margin-top: 70px;
}

a, abbr{
    color: #423830;
}

@media screen and (max-width: 1000px) {
    
main, footer{
    font-size: 16px;
    padding: 0 23px;
}

h1{
    font-size: 64px;
    line-height: 1;
    margin-bottom: 33px;
    margin-top: 32px;
}

h2{
    font-size: 32px;        
    margin-bottom: 23px;
}
footer{
    width: auto;
    padding: 50px;
}
}