body {
      margin: 0;
      padding: 0;
      font-family: sans-serif;
  background: url(../images/css-pattern-by-magicpattern.png);
  background:cover; 
    }

.aisle {
      position: relative;
      width: 100%;
      height: 2000px; 
    }

.aisle img {
      position: absolute;
      width: 200px;
      height: auto;
      border-radius: 10px;
      transition: transform 0.2s ease;
    }

.h1 {
  font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  text-align: center;
  font-weight: bold;
  margin: 50px;
  padding:20px;

}


.aisle img:hover {
      transform: scale(1.1) rotate(2deg);
    }

    .left-item1 img { top: 100px; left: 80px; transform: rotate(-10deg); }
    .leftleft-item1 img { top: 200px; left: 250px; transform: rotate(8deg); }
    .right-item1 img { top: 150px; right: 100px; transform: rotate(-6deg); }

    .item2 img { top: 400px; left: 100px; transform: rotate(5deg); }
    .item22 img { top: 500px; left: 300px; transform: rotate(-12deg); }

    .rightitem2 img { top: 350px; right: 180px; transform: rotate(7deg); }
    .rightitem22 img { top: 480px; right: 90px; transform: rotate(-4deg); }
    .rightitem222 img { top: 600px; right: 250px; transform: rotate(10deg); }

    .leftitem3 img { top: 700px; left: 150px; transform: rotate(-15deg); }
    .leftitem33 img { top: 820px; left: 280px; transform: rotate(6deg); }
    .leftitem333 img { top: 900px; left: 50px; transform: rotate(2deg); }

    .leftitem4 img { top: 1100px; left: 200px; transform: rotate(-7deg); }
    .leftitem44 img { top: 1200px; left: 350px; transform: rotate(14deg); }
    .leftitem444 img { top: 1350px; left: 100px; transform: rotate(-5deg); }

    .rightitem4 img { top: 1150px; right: 220px; transform: rotate(3deg); }
    .rightitem44 img { top: 1300px; right: 100px; transform: rotate(-9deg); }

.nav {
      position: fixed;
      bottom: 20px;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      gap: 30px;
    }

.nav h2 a {
      color: #345649;
      font-size: 24px;
    }

.nav h2 a:hover {
      color: #788852;
    }


.footer {
  text-align: center;             
  font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; 
  padding: 30px;                   
  color: #333;   
}