html::after {
  content: "";
  position: fixed;
  inset: -50%;
  z-index: 9999;
  opacity: 0.15;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.10' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
  animation: static-flicker 1s steps(2) infinite;
}

body::after {
 content: "";
 position: fixed;
 inset: -50%;
 background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.10' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
 opacity: 0.10;
 pointer-events: none;
 z-index: 9999;
 animation: static-flicker 0.15s steps(1) infinite;
}
@keyframes static-flicker {
 0% { transform: translate(0, 0); }
 33% { transform: translate(1%, -1%); }
 66% { transform: translate(-1%, 1%); }
}
img {
 filter: grayscale(40%) blur(0.8px) drop-shadow(0 0 15px rgba(255, 255, 255, 0.95));
 user-drag: none;
 -webkit-user-drag: none;
 transition: filter 0.4s ease-in-out, opacity 1.5s ease-in-out;
 opacity: 1;
}
@starting-style {
 img {
 opacity: 0;
 filter: blur(5px);
 }
}
img:hover {
 filter: blur(0.5px) drop-shadow(0 0 5px rgba(13, 36, 60, 0.5)) drop-shadow(0 0 15px rgba(255, 255, 255, 0.95));
}
.lines {
 position: fixed;
 inset: 0;
 pointer-events: none;
 z-index: 300;
 opacity: 0.05;
 background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 0.5) 50%);
 background-size: 100% 4px;
 animation: scanlines 0.2s linear infinite;
}
@keyframes scanlines {
 to { background-position-y: 4px; }
}
#topborder, #bottomborder {
position: fixed;
left: 0;
right: 0;
width: 100vw;
height: 45px;
background-repeat: repeat-x;
background-size: auto 100%;
background-position: top center;
opacity: 0.85;
filter: brightness(1.02) blur(0.5px) ;
overflow: hidden;
pointer-events: none;
z-index: 300;
}
#topborder {
top: 0;
background-image: url('https://file.garden/aA1KpuTwXWPVZ52r/blueylaceye.png');
}
#bottomborder {
bottom: 0;
background-image: url('https://file.garden/aA1KpuTwXWPVZ52r/lacebottom%20(1)%20(1).png');
transform: scaleY(-1);
transform-origin: center;
}
.glow {
  font-size: 16px;
  color: #0000FF;
  text-shadow: 0 0 10px #ffffff, 0 0 10px #ffffff;
  animation: glowLoop 3s ease-in-out infinite; 
  will-change: opacity, text-shadow;
  transform: translateZ(0); 
  backface-visibility: hidden;
}

@keyframes glowLoop {
  0%, 100% {
    opacity: 1;
   
  }
  50% {
    opacity: .85;

  }
}

 body::before {
 content: "";
 position: fixed;
 inset: 0;
 pointer-events: none;
 z-index: 999999;
 mix-blend-mode: screen;
 background: radial-gradient(circle at center, rgba(255,255,255,0) 40%, rgba(255,255,255,0.45) 65%, rgba(255,255,255,1) 100%);
 opacity: 0.25;
 filter: blur(20px);
 transform: scale(1);
 transition: all 1.5s ease-in-out;
 }
 body.glow::before {
 opacity: 0.45;
 filter: blur(55px);
 transform: scale(1.04);
 }