@import url('https://fonts.googleapis.com/css2?family=Playpen+Sans:wght@400;800&display=swap');

/* * {
}   */

body {    
    background-color: #e8dbd3; 
    font-family: 'Playpen Sans', cursive;
    background-image: url('background.jpg');
    background-attachment: fixed ;
}

#steps, #ingredients{
    text-align: left;
}

.meat {
    color: #75474a;
    font-weight: 800;
}

#intro img {
    border: 5px solid #75474a;
    margin: 0 auto;
    display: block;
    max-width: 100%;
} 

a {
    color: #aa7d7a;
}

header, main, footer {
    max-width: 800px;
    margin: 0 auto;
}
 
main {
    background-color: #ffffff;
    padding: 25px;
    border-radius: 10px;

}

nav {
    margin-bottom: 20px;
}

footer {
    margin-top: 10px;
}

#ingredients {
    background-color: #f3eeea;
    border-radius: 10px;
    padding: 5px 10px;

}

header, nav, footer {
    text-align: center;
}

h2 {
    text-align: center;
    font-size: 36px;
}

p, li {
    line-height:  2;
}

#backToTop {
    display: block;
    text-align: right; 
}

nav a {
    display: inline-block;
    padding: 20px;
    background-color: #75474a;
    border-radius: 5px;
    color: white;
    font-weight: 800;
}