#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); */
  border-bottom: 1px solid gray;
  height: 70px;
  /* width: 100%; */
  display: flex;
  justify-content: space-between;

}

.left-nav {
  /* border: 4px dashed rgb(182, 22, 134); */
  height: auto;
  width: 30%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

.logo a > img {
  /* border: 2px solid purple; */
  width: 100px;
}


.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;
}


.row-box {
  /* border: 4px solid purple; */
  height: 1000px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  padding: 20px;
  /* can make this box the body */ 
  background-image: url('Images.jpg/order-form-images/Webpage_long-01.jpg');
 
}


.row-box > p,
.catering-text > p {

  font-family: "Dancing Script",cursive;
  font-size: 40px;
color: rgb(248, 212, 123);

}




.fa-cc-discover {
  color: orangered;
}

.fa-cc-visa {
  color: blue;
}

.fa-cc-mastercard {
  color: red;
}

.fa-cc-amex {
  color: blue;
}


.form-container {
  border: 2px solid black;
  display: flex;
  width: 600px;
  height: 900px;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  background-color:whitesmoke;
}

.every {
  /* border: 4px solid gray; */
  display: flex;
  justify-content: space-between;
  width: 450px;
  height: 200px;
  overflow-x: scroll;
  overflow-y: hidden;
}
.gallery {
  width: 150px;
  height: 100px;
  padding-left: 10px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;

}

.gallery > img {
  width: 150px;
  height: 100px;
}

label{
  font-family: Verdana, Geneva, Tahoma, sans-serif;

}

.inputnames{
  font-family: Verdana, Geneva, Tahoma, sans-serif;

}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  opacity: 1;
}

.submit {
  /* border: 4px solid red; */

  width: 450px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.submit > button {
  width: 100px;
  background-color: white;
border-color: rgb(248, 212, 123);

  
}

input[type="text"] {
  outline-color: green;
  width: 450px;
  display: flex;
}



/* END OF FORM */

/* ORDER FORM START */
.order-container {
  border-top: 1px solid gray;
  height: 700px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  text-align: center;
  background-color: whitesmoke;
 
 
}


.form {
  /* border: 4px solid green; */
  width: 800px;
  height: 600px;
  background-image: url('Images.jpg/order-form-images/order-background.png');
  background-size: cover;
  display: flex;
  justify-content: right;
  align-items: center;
}

.container-text {
  border: 1px solid black;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-weight: bold;
  width: 450px;
  height: 95%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  color: white;
  backdrop-filter: blur(12px);
  position: relative;
}

.container-text > input {
  width: 300px;
  height: 20px;
}

#Mind {
  height: 80px;
}
.button {
  background-color: white;
  width: 300px;
  border-color: rgb(248, 212, 123);
}

input {
  outline-color: green;
}

/* START OF FOOTER */

/* GAVE THE FOOTER A MARGIN TOP OF 100% SO THAT IT WILL STAY AT THE BOTTOM REGARDLESS OF ROW SIZES */

.footer-container {
  /* border-top: 1px solid gray; */
  height: 110px;
  margin-bottom: 0;
}

.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;
  /* align-items: center; */
}

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

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

/* END OF FOOTER */