#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: rgb(97, 72, 8); /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

#myBtn:hover {
  background-color: #bf7113; /* Add a dark-grey background on hover */
}

* {
    margin: 0;
    padding: 0;
  }

html {
  scroll-behavior: smooth;
}

.navbar {
  /* border: 4px solid rgb(216, 49, 49); */
  margin-left: 80px;
  /* magrin left stops it from sliding intosidebar */
  border-bottom: 1px solid rgb(205, 203, 203);
  height: 70px;
  /* width: 100%; */
  display: flex;
  justify-content: space-between;
}

.left-nav {
   /* border: 4px dashed yellow; */ 
   height: auto;
  width: 30%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

.logo a > img {
  width: 100px;
}

/* MENU PAGE HAS MARGIN RIGHT SO THAT  IT FITS UNDER SIDEBAR */


.left-nav-word {
  overflow: hidden;
  /* font-size: 18px; */
}



.right-nav {
  display: flex;
  width: 70%;
  /* border: 4px dashed green; */
  justify-content: space-evenly;
  align-items: center;
}


.right-nav a {
  color: black;
}
.right-nav a:link {
  text-decoration: none;
}
.right-nav a:hover {
  color: rgb(248, 212, 123);
  text-decoration: underline;
}
/* END OF ALTERED NAVBAR */




/* The sidebar menu */
.sidenav {
    height: 100%; /* Full-height: remove this if you want "auto" height */
    width: 180px; /* Set the width of the sidebar */
    position: fixed; /* Fixed Sidebar (stay in place on scroll) */
    z-index: 1; /* Stay on top */
    top: 0px !important;
    /* TOP KEEPS IT CLOSE TO NAV */
    left: 0;
    background-color: #111; 
    
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px;
    color:white;
  }
  
  .sidenav >p {
    padding: 6px 8px 6px 16px;
    text-decoration: none;
    font-size: 25px; 
  }
  /* The navigation menu links */
  .sidenav a {
    padding: 12px 8px 6px 16px;
    text-decoration: none;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
    color: #f6efef;
    display: block;
  }
  
  /* When you mouse over the navigation links, change their color */
  .sidenav a:hover {
    color: #8383dc;
  }
  

 
  
  /* On smaller screens, where height is less than 450px, change the style of the sidebar (less padding and a smaller font size) */
  @media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
  }

  /* Style page content */
  .main{
    /* border: 4px solid pink; */
    margin-left: 180px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center; 
  }


  .menu-card >h3{
    font-family: 'Dancing Script', cursive;
    font-size: 60px;
    color:  rgb(255, 255, 255);

  }

  .menu-card >h6 {
    font-size: 35px;
    font-family: 'Dancing Script', cursive;

    color: rgb(255, 255, 255);

  }
  
  .menu-card{
   
     /* border: 2px solid  rgb(248, 212, 123);  */
     background-color: #976449;
     background-image: url(Images.jpg/orange\ and\ vanilla\ mousse.jpg);
     background-blend-mode: overlay;
     background-repeat: no-repeat;
     background-size: cover;
     background-attachment: fixed;
     background-position: bottom;
     
    width:100%;
    /* background-color: rgb(239, 226, 209); */
width:1100px;
margin-top: 15px;
    /* width must be 100% */
/* border-bottom: 1px solid gray; */
   height:150px;
   display: flex;
   flex-direction: column;
   align-items:center;
   justify-content: space-evenly;

  }



 
  
  #dessert-first-row{
    /* border: 4px solid rgb(190, 33, 59); */
    height:600px;
    width: 90%;
   display: flex;
   justify-content: space-evenly;
   align-items: center;

  }

  .dessert-one{
    /* border: 4px solid yellow; */
    width:320px;
    height:550px;
     border: 1px solid grey;
     box-shadow: 2px 2px  8px;
    
  }

  .dessert-one-img{
    /* border: 4px dashed green; */
    width:100%;
    height: 70%;

  }

  .dessert-one-img>img{
    width:100%;
    height: 100%;

  }
b{
  color: #a17157;
}

.dessert-one-desc{
    /* border: 4px solid rgb(255, 0, 140); */
  display: flex;
  flex-direction: column;
justify-content: center;
align-items: center;
height:30%; 
background-image: url("Images.jpg/menu-images/paper-texture.jpg");
text-align: center;
}

                                /* END OF DESSERT 1 */

.dessert-two{
    /* border: 4px solid yellow; */
    width:320px;
    height:550px;
    border: 1px solid grey;

    box-shadow: 2px 2px 8px;

   
    
  }

  .dessert-two-img{
    /* border: 4px dashed green; */
    width:100%;
    height: 70%;

  }

  .dessert-two-img>img{
    width:100%;
    height: 100%;

  }


.dessert-two-desc{
    /* border: 4px solid rgb(255, 0, 140); */
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;

height:30%; 
background-image: url("Images.jpg/menu-images/paper-texture.jpg");
text-align: center;

}

                                    /* END OF DESSERT 2 */

.dessert-three{
    /* border: 4px solid yellow; */
    width:320px;
    height:550px;
    border: 1px solid grey;
    box-shadow: 2px 2px 8px;

    
  }

  .dessert-three-img{
    /* border: 4px dashed green; */
    width:100%;
    height: 70%;
  

  }
  .dessert-three-img >img{
    width:100%;
    height: 100%;
  /* object-fit: cover; */
  }


.dessert-three-desc{
    border: 1px solid grey;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
height:30%;
background-image: url("Images.jpg/menu-images/paper-texture.jpg");
text-align: center;
}
                                        /* END OF DESSERT 3 */

#dessert-sec-row{
    /* border: 4px solid blue; */
    height:600px;
    width: 90%;
   display: flex;
   justify-content: space-evenly;
   align-items: center;

  }
  .dessert-four{
    /* border: 4px solid yellow; */
    width:320px;
    height:550px;
    border: 1px solid grey;
    box-shadow: 2px 2px 8px;
    
  }

  .dessert-four-img{
    /* border: 4px dashed green; */
    width:100%;
    height: 70%;

  }

  .dessert-four-img >img{
    width:100%;
    height: 100%;

  }
.dessert-four-desc{
    border: 1px solid grey;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
height:30%;
background-image: url("Images.jpg/menu-images/paper-texture.jpg");
text-align: center;

}

                                    /* END OF DESSERT 4 */

.dessert-five{
    /* border: 4px solid yellow; */
    width:320px;
    height:550px;
    border: 1px solid grey;
    box-shadow: 2px 2px 8px;
    
  }

  .dessert-five-img{
    /* border: 4px dashed green; */
    width:100%;
    height: 70%;

  }

  
  .dessert-five-img>img{
    width:100%;
    height: 100%;

  }
.dessert-five-desc{
    border: 1px solid grey;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
height:30%;
background-image: url("Images.jpg/menu-images/paper-texture.jpg");
text-align: center;

}

                                        /*  END OF DESSERT 5 */


 .dessert-six{
    /* border: 4px solid yellow; */
    width:320px;
    height:550px;
    border: 1px solid grey;
    box-shadow: 2px 2px 8px;
    
  }

  .dessert-six-img{
    /* border: 4px dashed green; */
    width:100%;
    height: 70%;

  }

  .dessert-six-img>img{
    width:100%;
    height: 100%;

  }
.dessert-six-desc{
    border: 1px solid grey;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
height:30%;
background-image: url("Images.jpg/menu-images/paper-texture.jpg");
text-align: center;

} 

/* END OF DESSERT 6 */
                            /*END OF SECOND ROW   */

#dessert-3-row{
    /* border: 4px solid chartreuse; */
    height:600px;
    width: 90%;
   display: flex;
   justify-content: space-evenly;
   align-items: center;

  }

 /* dessert 7 start  */
  .dessert-sev{
    /* border: 4px solid yellow; */
    width:320px;
    height:550px;
    border: 1px solid grey;
    box-shadow: 2px 2px 8px;
    
  }

  .dessert-sev-img{
    /* border: 4px dashed green; */
    width:100%;
    height: 70%;

  }

  .dessert-sev-img>img{
    width:100%;
    height: 100%;

  }
.dessert-sev-desc{
  
    border: 1px solid grey;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

height:30%;
background-image: url("Images.jpg/menu-images/paper-texture.jpg");
text-align: center;

}

/* END OF DESSERT 7 */

/* DESSERT 8 */
.dessert-eight{
    /* border: 4px solid yellow; */
 
    width:320px;
    height:550px;
    border: 1px solid grey;
    box-shadow: 2px 2px 8px;
    
  }

  .dessert-eight-img{
    /* border: 4px dashed green; */
    width:100%;
    height: 70%;

  }

  .dessert-eight-img>img{
    width:100%;
    height: 100%;
    object-fit: cover;

  }
.dessert-eight-desc{
      border: 1px solid grey;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
height:30%;
background-image: url("Images.jpg/menu-images/paper-texture.jpg");
text-align: center;

}
/* END OF DESSERT 8 */

/* DESSERT 9 */
.dessert-nine{
    /* border: 4px solid yellow; */
    width:320px;
    height:550px;
    border: 1px solid grey;
    box-shadow: 2px 2px 8px;
    
  }

  .dessert-nine-img{
    /* border: 4px dashed green; */
    width:100%;
    height: 70%;

  }
  .dessert-nine-img>img{
    width:100%;
    height: 100%;

  }
.dessert-nine-desc{
    border: 1px solid grey;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
height:30%;
background-image: url("Images.jpg/menu-images/paper-texture.jpg");
text-align: center;

}
/* END OF DESSERT 9 */

             /*   00000000000 LAST ROW START 0000000000000 */

#dessert-four-row{
    /* border: 4px solid purple; */
    height:600px;
    width: 90%;
   display: flex;
   justify-content: space-evenly;
   align-items: center;
   

  }

  /* dessert 10 start  */
  .dessert-10{
    /* border: 4px solid yellow; */
    width:320px;
    height:550px;
    border: 1px solid grey;
    box-shadow: 2px 2px 8px;
    
  }

  .dessert-10-img{
    /* border: 4px dashed green; */
    width:100%;
    height: 70%;

  }


  
  .dessert-10-img>img{
    width:100%;
    height: 100%;
    object-fit: cover;

  }
.dessert-10-desc{
    border: 1px solid grey;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
height:30%;
background-image: url("Images.jpg/menu-images/paper-texture.jpg");
text-align: center;

}
/* DESSERT 10 END */

 /* dessert 11   */
 .dessert-11{
    /* border: 4px solid yellow; */
    width:320px;
    height:550px;
    border: 1px solid grey;
    box-shadow: 2px 2px 8px;
    
  }

  .dessert-11-img{
    /* border: 4px dashed green; */
    width:100%;
    height: 70%;

  }

  .dessert-11-img >img{
    width:100%;
    height: 100%;

  }
.dessert-11-desc{
    border: 1px solid grey;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
height:30%;
background-image: url("Images.jpg/menu-images/paper-texture.jpg");
text-align: center;

}
/* DESSERT 11*/


                                    /* dessert finale   */
 .dessert-12{
    /* border: 4px solid yellow; */
    width:320px;
    height:550px;
    border: 1px solid grey;
    box-shadow: 2px 2px 8px;
    
  }

  .dessert-12-img{
    /* border: 4px dashed green; */
    width:100%;
    height: 70%;

  }

  .dessert-12-img >img{
    width:100%;
    height: 100%;

  }
.dessert-12-desc{
    border: 1px solid grey;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
height:30%;
background-image: url("Images.jpg/menu-images/paper-texture.jpg");
text-align: center;

}
/* DESSERT LAST*/


      /* START OF FOOTER */
      .footer-container {
        /* border-top: 1px solid gray; */
        /* border: 4px solid orangered; */
        height: 110px;
        margin-bottom: 0;
        margin-left: 70px;
        /* margin-top:100%; */
      }

      /* margin 100% from the top keeps it at the bottom */

      .footer {
        border-top: 2px solid#e7e9eb;
        height: 90px;
        display: flex;
        justify-content: space-around;
        align-items: center;
        text-align: justify;
      }

      

      .footer-logos {
        /* border: 4px solid green; */
        display: flex;
        flex-direction: column;
        /* width:100px; */
        align-items: center;
        justify-content: center;
      }

      .footer-logos > img {
        width: 80px;
      }

      .follow-buttons {
        /* border:4px solid yellow; */
        width:90px;
        padding-top: 5px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
   
      }

      
      .follow-buttons a >img{
        width:15px;
      }

      .copyright {
        /* border: 4px solid red; */
        align-items: center;
        text-align: center;
        padding-right: 50px;
      }

      /* END OF FOOTER */