@import url('https://fonts.googleapis.com/css2?family=Comic+Neue&family=Nunito:wght@300;600&family=Sriracha&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
*{
    margin: 0;
}

body{
  background-color: rgb(51, 51, 51);
}

p, label, .form-control{
    font-size: 20px;
    font-family: 'Nunito', sans-serif;
}
html::-webkit-scrollbar {
  width: 5px;
}

html::-webkit-scrollbar-track {
  background-color: #e7e7e7;
  border: 1px solid #cacaca;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

html::-webkit-scrollbar-thumb {
  background-color: #AB3903;
}

.btn-icon{
  color: #ffffff;
}

.section{
    min-height: 100vh;
    position: relative;
    margin-top: -7vw;
    display: flex;
    align-items: center;
    padding-top: 200px;
    padding-bottom: 200px;
}

.section-title{
    font-size: 80px;
    font-family: 'Sriracha', cursive;
    /* display: flex;
    justify-content: flex-start;
    padding-top: 70px;
    padding-bottom: 20px; */
}

.nav-link{
    font-family: 'Comic Neue', cursive;
    font-size: 25px;
    text-transform: uppercase;
    color: #ffffff;
}

.navbar{
  background-color: rgba(4, 4, 4, 0.901) !important;
  margin-top: -1px !important;
}
.navbar-nav{
    margin-left: auto;
}
.navbar-brand{
  overflow: hidden;
}

.address-bar{
    /* background-color: #500000; */
    background-color: #AB3903;
    color: white;
    padding: 2px;
    font-size: 15px;
    font-family: 'Nunito', sans-serif;
}

#banner{
    position: relative;
    height: 100vh;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    /* margin-top: -50px; */
}

#banner video{
    position: absolute;
    top: 50%;
    left: 50%;
    transform:translate(-50%,-50%);
    min-height: 100%;
    min-width: 100%;
}

#about-us{
    /* background: radial-gradient(circle at 50% 50%, #f58b26, #cd692e, #a04b2e, #723328, #441e1c, #1a0909); */
    /* background: linear-gradient(0deg, #f58b26 0%,#cd692e 10%, #723328 50%, #1a0909 100%); */
    /* background-image:url(./asset/trial2.jpg); */
    background-image: url(../asset/darkbg.jpg);
    background-size: cover;
    margin-top: 0;
    /* clip-path: polygon(0 7vw, 100% 0, 100% 100%, 0 100%); */
    color: white;
}

.img-container-circle{
  border-radius: 50%;
  width: 400px;
  height: 400px;
  border: solid 5px white;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.img-container-circle > img {
  height: 100%;
}

#menu{
    /* background: radial-gradient(circle at 50% 50%, #ffffff, #fffffe, #fffefb, #fffcf7, #fffaf2, #fff8ec, #fff5e6, #fff3e1, #fff1dc, #ffefd8, #ffeed5, #ffeed4); */
    /* background: linear-gradient(180deg, #db4632, #d44230, #c1392c, #a72d26, #8a1f1e, #6e1216, #56070e, #460104, #400000); */
    background-image: url(../asset/whitebg.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    clip-path: polygon(0 7vw, 100% 0, 100% 100%, 0 100%);
    color: rgb(29, 27, 27);
  
}
#menulist{
    color: inherit;
    font-size: 20px;
    font-family: 'Nunito', sans-serif;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;


}

.menu-logo{
  padding: 10px;
  margin: 5px;
  width: 340px;
  order: 2;
}
@media (max-width: 1200px) {
  .menu-logo{
    display: flex;
    justify-content: center;
    order: 1;
    width: 100%;
  }
  
  #pares{
    order: 2;
  }
  .categoryCard{
    order: 3;
  }

}


.categoryCard {
  padding: 10px 50px;
  margin: 5px;
  width: 340px;
  order: 3;
}
#Pares{
  order: 1;
}
.categoryName {
  font-weight: bolder;
  font-size: 40px;
  margin: 5px;
  border-bottom: solid gray 1px;
}

.menu-item {
  margin: 50px 10px;
  min-height: 70px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.menu-master{
  border-right: solid gray 1px;
  width: 280px;
}

.menu-name {
  font-weight: bold;
}

.menu-description {
  font-style: italic;
  font-size: 15px;
  
}
.menu-price {
  font-style: italic;
  font-size: 22px;
  font-weight: bold;
  padding: 0px 10px;
}


#order-page{
    /* background: linear-gradient(180deg, #303642 0%, #101216 100%); */
    background-image: url(../asset/brownbg.jpg);
    background-size: cover;
    /* clip-path: polygon(0 7vw, 100% 0, 100% 100%, 0 100%); */
    clip-path: polygon(0 0, 100% 7vw, 100% 100%, 0 100%);
    color: rgb(255, 255, 255);
    margin-top: -7vw;
}

.brand{
    color: white;
}

.brand-logo{
    position: relative;
    font-size: 120px ;
    font-family: 'Sriracha', cursive;
}
/* Scroller styling */
.scroller {
    font-size: 40px;
    font-family: 'Nunito', sans-serif;
    height: 1.2em;
    line-height: 1.2em;
    position: relative;
    overflow: hidden;
    width: 10em;
  }
  .scroller > span {
    position: absolute;
    top: 0;
    animation: slide 6.5s infinite;
    font-weight: bold;
  }

  @keyframes slide {
    0% {
      top: 0;
    }
    20% {
      top: -1.2em;
    }
    40% {
      top: -2.4em;
    }
    60% {
      top: -3.6em;
    }
    80% {
      top: -4.8em;
    }
  }
  
  .contact-form {
    /* clip-path: polygon(0 0, 100% 7vw, 100% 100%, 0 100%); */
    /* display: flex; */
    margin: 0;
    min-height: unset;
    padding: 50px 0;
    /* min-height: 50vh; */
    background-image: url(../asset/graybg.jpg);
    background-repeat: repeat;
    color: #ffffff;
    
  }

  .contact-form .form-right small {
    color: #AB3903;
    font-size: larger;
  }

  .contact-form .form-right button {
    background-color: #AB3903;
    font-size: 20px;
    border: transparent;
    padding: 8px 15px;
    width: 100%;
    margin-top: 25px;
  }
  
  .contact-form .form-right button:hover {
    background-color: #ffffff;
    color: #AB3903;
    border: #AB3903
  }