body{
background-image: url(https://cdn.freecodecamp.org/curriculum/css-cafe/beans.jpg);
font-family:sans-serif;
padding:20px;
}
.menu{
width:80%;
background-color:burlywood;
margin-left:auto;
margin-right:auto;
max-width: 500px;
padding:20px;
}
h1 {
  font-size: 40px;
  margin-top: 0;
  margin-bottom: 15px;
}
h2 {
  font-size: 30px;
}
h1,h2,p{
text-align:center;
}
hr{
background-color:brown;
border-color:brown;
height:2px;
}
.item p
{
display:inline-block;
margin-top:5px;
margin-bottom:5px;
font-size:18px;
}
.flavor,.dessert{
text-align: left;
width:75%;
}
.price{
text-align: right;
width:25%;
}
a
{ color: black;
}
a :hover
{
color:brown;
}
a:visited
{
color:black
}