body, html {
  overflow-x: hidden;
}
body { 
  color: #666;
  position: Static;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://files.catbox.moe/zb8d9p.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    z-index: 0;
    background-color: #181818;
    
}
.neon-text {
  text-align: Center;
  color: white;
  text-shadow:
    0 0 5px #d498ed, 
    0 0 10px #d498ed,
    0 0 20px #d498ed,
    0 0 40px #d498ed,
    0 0 80px #d498ed; 
}
.box1 {
  background-color: #1a1a1a; 
  box-shadow:
    0 0 5px #d498ed, 
    0 0 10px #d498ed,
    0 0 20px #d498ed,
    0 0 40px #d498ed;
    width: fit-content;  
  max-width: 400px;  
  height: auto;         
  overflow-wrap: break-word; 
  margin: 10px auto;
  padding: 0 5px;
  opacity: 1;
}

.box2 {
  background-color: #1a1a1a; 
  box-shadow:
    0 0 5px #bb1cff,
    0 0 10px #bb1cff,
    0 0 20px #bb1cff,
    0 0 40px #bb1cff;
    width: 600px;  
  max-width: 800;
  height: Auto;         
  overflow-wrap: break-word; 
  margin: 10px auto;
  padding: 1px 20px;
  opacity: 0.9;
}
.image-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
}
.enlarge-on-hover {
  transition: transform 0.2s ease;
}

.enlarge-on-hover:hover {
  transform: scale(1.08);
  cursor: pointer;
}
/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: #a06aaf #000000;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 16px;
  }

  *::-webkit-scrollbar-track {
    background: #000000;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #a06aaf;
    border-radius: 3px;
    border: 3px groove #6a2673;
  }
  
      a:link {
      color: #8d5095;
    }
    
        a:visited {
      color: #ceacd2; 
    }
    .center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
.box3 {
  background-color: #1a1a1a; 
  box-shadow:
    0 0 5px #d498ed, 
    0 0 10px #d498ed,
    0 0 20px #d498ed,
    0 0 40px #d498ed;
    width: 50px;  
  height: Fit-content;         
  overflow-wrap: break-word; 
  margin: 10px auto;
  padding: 0 5px;
  opacity: 1;
}
.neon-img {
  box-shadow:
    0 0 5px #6e3e74,
    0 0 10px #6e3e74,
    0 0 20px #6e3e74,
    0 0 40px #6e3e74;
  border: 1px solid #6e3e74;
}