recipies.css

body {
      background:#efcf75;
      /* background-image: url("./images/green-classic-checkered-tablecloth2.jpg"); */
      background-image: url("./images/patternsbg/yellowpaperie.webp");
      background-size: 40% auto;  /* width 50% of viewport, height auto */
      background-repeat: repeat;   /* repeat to cover the screen */

      color:#1e1e1e;
      font: bolder 8pt tahoma;
      /* font-family: 'Pixelify Sans', sans-serif; use this line in whichever class i want pixel font in */
      text-align:justify;
      letter-spacing: 2px;
      margin:0;padding:0;
    }

    .breacipies{
        align-items: center;
        filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.3));

    }

#hamburger {
  display: none;        /* hidden by default, only mobile shows it */
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 9999;
}

#hamburger img {
  width: 40px;
  height: 40px;
  cursor: pointer;
}

#mobileView {
  display: none;
  width: 100%;
  height: 100vh;
  border: none;
  position: relative;  /* ensures z-index works */
  z-index: 1;          /* lower than hamburger */
}