header {
   text-align: center;
   background-color: #E4C38E;
    border: 8px #311a0e dotted;
    padding: 10px;
    border-radius: 8px;
}
head {
    font-family: "Sweet-and-Salty", sans-serif;
      font-style: normal;
      font-weight: 400; /* Or your desired weight */
}
.p {
     font-family: "Indie Flower", cursive;
  font-weight: 400;
  font-style: normal;
}
li {
    font-family: "warbler-banner", sans-serif;
        font-style: normal;
        font-weight: 400; /* Or your desired weight */
}

.copy {
      font-family: "Comic Relief", system-ui;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  text-align: center;
  color:#311a0e;
}

body {
    background-image: url("coffeebg.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
} 
main {
    color: #311a0e;
    font-size: 20px;
}
h4 {
    font-size: 30px;
}
h2 {
    font-size: 45px;
}
#map {
    border: 8px #311a0e dotted;
    padding: 10px;
    border-radius: 8px;
}
.breakfast {
    background-color: #E4C38E;
    font-family: "Truculenta", sans-serif;
  font-optical-sizing: auto;
  font-weight: weight;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
    
}
.lunch {
    background-color: #E4C38E;
    font-family: "Truculenta", sans-serif;
  font-optical-sizing: auto;
  font-weight: weight;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
.dinner {
    background-color: #E4C38E;
    font-family: "Truculenta", sans-serif;
  font-optical-sizing: auto;
  font-weight: weight;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

h2 {
   text-align: center;
   font-family: "Truculenta", sans-serif;
  font-optical-sizing: auto;
  font-weight: weight;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
h1 {
    text-align: center;
}
.logo {
    text-align: center;
}
nav {
    margin: 40px;
    display: inline-block;
}
.home {
      background-image: url("plaid.jpeg");
    color:#f5f2ef;
    font-size: 35px;
    border: 5px #311a0e solid;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    margin: auto;
    display: inline-block;
}
.menu {
    background-image: url("plaid.jpeg");
    color:#f5f2ef;
    font-size: 35px;
     border: 5px #311a0e solid;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    margin: auto;
}
.gallery {
    background-image: url("plaid.jpeg");
    color:#f5f2ef;
    font-size: 35px;
     border: 5px #311a0e solid;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    margin: auto;
}
.contact {
    background-image: url("plaid.jpeg");
    color:#f5f2ef;
    font-size: 35px;
     border: 5px #311a0e solid;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
        margin: auto;
}
.bean {
      display: block;
  margin: auto;
  width: 25%;
}
#form {
    border: 5px #311a0e solid;
     background-color: #E4C38E;
}
#contact {
    margin: 0 auto;
     text-align: center;
}