body {
      margin: 0;
      font-family: 'Times New Roman', Times, serif, sans-serif;
      line-height: 1.6;
      background: #f4f4f4;
    }
    header {
      background: #fdceef;
      color: #fff;
      padding: 20px;
      text-align: center;
    }
    nav {
      background: #f5bde7;
      padding: 10px;
      text-align: center;
    }
    nav a {
      color: rgb(252, 233, 252);
      margin: 0 10px;
      text-decoration: none;
      font-weight: bold;
    }
    section {
      padding: 20px;
      max-width: 900px;
      margin: auto;
      background: rgb(247, 236, 245);
      margin-bottom: 20px;
      border-radius: 10px;
    }
    .gallery img {
      width: 100%;
      border-radius: 10px;
      transition: transform 0.3s ease;
      cursor: pointer;
  }
  #about img {
    display: block;
    margin: 20px auto;
    max-width: 80%;
    border-radius: 10px;
  }
  .gallery img:hover {
      transform: scale(1.08);
  }
    img {
      max-width: 100%;
      border-radius: 10px;
    }
    .gallery {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
      gap: 10px;
  }
  
  .gallery div {
      overflow: hidden;
      border-radius: 10px;
  }
      .gallery div {
          overflow: hidden;
          border-radius: 10px;
    }
    footer {
      text-align: center;
      padding: 20px;
      background: #f5a1ee;
      color: white;
    }
    .back-btn {
      position: fixed;
      top: 20px;
      left: 50%;
      transform: translateX(-50%);
      background: #e9cbdd;
      color: white;
      border: none;
      padding: 10px 18px;
      border-radius: 8px;
      cursor: pointer;
      font-family: 'Times New Roman';
      font-size: 16px;
      font-weight: bold;
      transition: all 0.3s ease;
  }
  
  .back-btn:hover {
      background: #e6b3d6;
      transform: translateX(-50%) scale(1.05);
  }