@import url("https://fonts.googleapis.com/css2?family=Balthazar&family=Berkshire+Swash&family=Lato&family=Playfair+Display&family=Tangerine&display=swap");

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}


html {
  margin: 0px !important;
  padding: 0px !important;
  width: 100%;
  /* height: 100%; */
  overflow-x: hidden !important;
}

body {
  width: 100%;
  height: 100%;
  margin: 0px !important;
  padding: 0px !important;
  overflow-x: hidden !important;

  font-family: "Balthazar", serif !important;
}

div {
  font-family: "Balthazar", serif !important;
}

nav {
  /* position: absolute !important; */
  top: 0 !important;

}

.sticky-nav {
  position: fixed !important;
  top: 0 !important;
  z-index: 1000 !important;
}

.menu-category{
  position: fixed !important;
  top: 6rem !important;
}

.bg-pattern {
  background: linear-gradient(
      45deg,
      #0000 calc(25% / 3),
      rgba(250, 242, 222, 0.32) 0 calc(50% / 3),
      #0000 0 calc(250% / 3),
      rgba(250, 242, 222, 0.32) 0 calc(275% / 3),
      #0000 0
    ),
    linear-gradient(
      45deg,
      rgba(250, 242, 222, 0.32) calc(25% / 3),
      #0000 0 calc(50% / 3),
      rgba(250, 242, 222, 0.32) 0 25%,
      #0000 0 75%,
      rgba(250, 242, 222, 0.32) 0 calc(250% / 3),
      #0000 0 calc(275% / 3),
      rgba(250, 242, 222, 0.32) 0
    ),
    linear-gradient(
      -45deg,
      #0000 calc(25% / 3),
      rgba(250, 242, 222, 0.32) 0 calc(50% / 3),
      #0000 0 calc(250% / 3),
      rgba(250, 242, 222, 0.32) 0 calc(275% / 3),
      #0000 0
    ),
    linear-gradient(
        -45deg,
        rgba(250, 242, 222, 0.32) calc(25% / 3),
        #0000 0 calc(50% / 3),
        rgba(250, 242, 222, 0.32) 0 25%,
        #0000 0 75%,
        rgba(250, 242, 222, 0.32) 0 calc(250% / 3),
        #0000 0 calc(275% / 3),
        rgba(250, 242, 222, 0.32) 0
      )
      #ffffff;
  background-size: 140px 140px;
  background-position: 0 0, 70px 70px;
}

.bg-dark-pattern {
  background:
  repeating-linear-gradient( 45deg,#0000 calc(-650%/13) calc(50%/13),rgba(224, 73, 43, 0.07) 0 calc(100%/13),
  #0000 0 calc(150%/13),rgba(224, 73, 43, 0.07) 0 calc(200%/13),
  #0000 0 calc(250%/13),rgba(224, 73, 43, 0.07) 0 calc(300%/13)),repeating-linear-gradient( 45deg,#0000 calc(-650%/13) calc(50%/13),rgba(224, 73, 43, 0.07) 0 calc(100%/13),
  #0000 0 calc(150%/13),rgba(224, 73, 43, 0.07) 0 calc(200%/13),
  #0000 0 calc(250%/13),rgba(224, 73, 43, 0.07) 0 calc(300%/13)) 13px 13px,
  repeating-linear-gradient(-45deg,#0000 calc(-650%/13) calc(50%/13),rgba(224, 73, 43, 0.07) 0 calc(100%/13),
  #0000 0 calc(150%/13),rgba(224, 73, 43, 0.07) 0 calc(200%/13),
  #0000 0 calc(250%/13),rgba(224, 73, 43, 0.07) 0 calc(300%/13)),repeating-linear-gradient(-45deg,#0000 calc(-650%/13) calc(50%/13),rgba(224, 73, 43, 0.07) 0 calc(100%/13),
  #0000 0 calc(150%/13),rgba(224, 73, 43, 0.07) 0 calc(200%/13),
  #0000 0 calc(250%/13),rgba(224, 73, 43, 0.07) 0 calc(300%/13)) 13px 13px #fbf3e0;
background-size: 26px 26px;
}

.navbar-menu{
  z-index: 1001 !important;
}

.contact{
  z-index: 1001 !important;
}