html {
  cursor: url("leafcursor.gif"), auto; /* Replace 'custom-cursor.png' with your image file */
}

a {
      cursor: url("bellcursor.gif"), auto; /* Replace 'custom-cursor.png' with your image file */
      text-decoration: none;
      color: #471A3B;
    }
                a:hover{
                  color: #FF1FA3;
                }

body { 
  background-color: white;
  background-image: url("pageback/ACgrass.jpg");
  color: #471A3B;
  animation: background 20s linear infinite;
            font-family:ms ui gothic;
            font-size:20px;
            line-height: 20px;
}
            @keyframes background {
            0% {
            background-position: 0% 0%;
            }
            100% {
            background-position: 100% 0%;
            }
}

.outside { 
  border: 5px outset #943B61;
  border-radius: 5px;
  padding: 15px;
  background-image: url("bluepink.png");
  max-width: 820px;
  margin: 0 auto;
  
}

.inside {
      max-width: 800px;
      margin: 0 auto; 
      background-image: url("pageback/starsrbowbg.gif");
      border: 3px solid #000;
      padding: 15px;
      
    }

.shrine-header {
      text-align: center;
      border: 2px dashed #ff69b4;
      padding: 20px;
      margin-bottom: 10px;
      display:flex;
      flex-direction: column; 
      align-items: center; 
      gap: 20px;           
      background-image: url("bob/ACpink.jpeg"); 
    }
    
.headerFlex {
  display: flex;
  align-items: center;
  justify-content: center;
}
  
    
    .CityFolk {
  width: 50px;            /* Adjust size as needed */
  height: auto;            /* Keeps proportions */
  image-rendering: pixelated; /* Keeps sprites crisp! */
}

    .shrine-header h1 {
      margin: 0;
      font-family: 'Comic Sans MS', cursive;
    }

.profile-box {
      display: flex; /* Puts image and text side-by-side */
      gap: 15px;
      border: 2px solid #000;
      padding: 10px;
      margin-bottom: 20px;
      background-image: url("bgrid.png");
    }
    .profile-pic {
      width: 150px;
      height: 150px;
      object-fit: cover;
      border: 2px solid #000;
      background: #fff;
    }
    .profile-info {
      flex: 1; /* Takes up remaining space */
    }

.info-table {
      width: 100%;
      border-collapse: collapse;
    }
    .info-table td {
      padding: 4px;
      font-size: 14px;
      border-bottom: 1px dotted #ccc;
    }
    .label { font-weight: bold; color: #ff69b4; }

.gallery-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 images per row */
  gap: 10px;
  background-image: url("bob/ACstarry.gif");
  margin-bottom: 20px;
}
    .gallery-img {
  width: 150px;           /* Fixed width */
  height: 200px;          /* Fixed height */
  object-fit: cover;      /* Crops to fit without stretching! */
  border: 2px solid #000;
  border-radius: 5px;
}

.tribute-section {
      border: 2px outset #ccc; /* 3D Button Look */
      padding: 15px;
      background-image: url("bgrid.png");
      text-align: center;
    }

.nav-links {
      text-align: center;
      margin-top: 20px;
      font-size: 25px;
    }

.sleepy {
  height: 40px;
}