img {
filter: blur(0.5px) drop-shadow(0 0 15px rgba(255, 255, 255, 0.95))brightness(1) contrast(1) saturate(1);

-webkit-user-drag: none;
  -moz-user-drag: none; 
  user-drag: none;

transition: all 0.4s ease-in-out;
animation: fadeIn 1.5s ease-in-out;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        filter: blur(5px);
    }
    100% {
        opacity: 1;
        filter: blur(0px);
    }
}
img:hover {
filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.95))brightness(1.15) contrast(1.1) saturate(1.3);
transform: scale(1.02);
}                        @keyframes static-flicker {
    0% { transform: translate(0,0); }
    25% { transform: translate(1%, 1%); }
    50% { transform: translate(-0.5%, -1.5%); }
    75% { transform: translate(-1.5%, 0.5%); }
    100% { transform: translate(0,0); }
}
    body::after {
    content: "";
    position: fixed; 
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    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 1s steps(2) infinite;
}
html::after {
    content: "";
    position: fixed; 
    top: -50%; left: -50%; width: 200%; height: 200%;
    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 1s steps(2) infinite;
}

body::after {
    content: "";
    position: fixed;
    inset: 0;
    background-image: 
        url('https://file.garden/aA1KpuTwXWPVZ52r/images__13_-removebg-preview.png'),
        url('https://file.garden/aA1KpuTwXWPVZ52r/images__13_-removebg-preview.png');
    background-repeat: repeat, repeat;
    background-size: 600px auto, 900px auto;
    background-position: 0 0, 150px 100px;
    opacity: 0.11;
    pointer-events: none;
    z-index: 9998; 
    animation: driftSlow 120s linear infinite, driftFast 80s linear infinite;
}

body::before {
    content: "";
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-image: url('https://64.media.tumblr.com/350a3113d4de9f437e3eb6d67e693ff2/d435ce9ebc262edb-07/s250x400/78372817ca058e5c8439f93bfd658045a4622644.jpg');
    pointer-events: none; 
    z-index: -1; 
    opacity: 0.1;
    animation: slowFloat 50s linear infinite;
}

@keyframes static-flicker {
    0% { transform: translate(0,0); }
    25% { transform: translate(1%, 1%); }
    50% { transform: translate(-0.5%, -1.5%); }
    75% { transform: translate(-1.5%, 0.5%); }
    100% { transform: translate(0,0); }
}

@keyframes slowFloat {
    from { background-position: 0 0; }
    to { background-position: 0 1000px; }
}

@keyframes driftSlow {
    from { background-position: 0 0; }
    to { background-position: 1800px 0; }
}

@keyframes driftFast {
    from { background-position: 150px 100px; }
    to { background-position: 2150px 100px; }
}
    
    
::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 15px;
    height: 15px;
    background: linear-gradient(to right, #2c3e50, #94b2e0 40%, #2c3e50); 
    cursor: default;
}

::-webkit-scrollbar-track:vertical,
::-webkit-scrollbar-track:horizontal {
    background: linear-gradient(to right, #4a6999, #94b2e0);
    border: 1px solid #3b527a;
    box-shadow: inset 0 5px 5px rgba(0,0,0,0.2);
    border-radius: 100px;
}


::-webkit-scrollbar-thumb:vertical {
    background: 
        url('https://64.media.tumblr.com/944a86c0788c33150392f0467a227a3b/e636630bc62b557b-a8/s75x75_c1/e8e8a0b013b6ea98d6b45a59a8f0165b9b3d640c.gif') no-repeat center,
        repeating-linear-gradient(to bottom, transparent, rgba(255,255,255,0.1) 1px, transparent 16px) fixed, 
        linear-gradient(to right, #2c3e50 10%, rgba(148,178,224,0.4) 20%, #4a6999 50%, #d1e3ff 80%), 
        linear-gradient(to bottom, #2c3e50 5px, rgba(106, 240, 255, 0) 10px), 
        linear-gradient(to top, #2c3e50 5px, #94b2e0 10px);
    background-size: 80% auto, cover, cover, cover, cover;
    border: 1px solid #3b527a;
    box-sizing: border-box;
    box-shadow: inset 0 0 4px #004;
    min-height: 80px;
    border-radius: 100px;
}

::-webkit-scrollbar-thumb:horizontal {
    background: 
        url('https://64.media.tumblr.com/944a86c0788c33150392f0467a227a3b/e636630bc62b557b-a8/s75x75_c1/e8e8a0b013b6ea98d6b45a59a8f0165b9b3d640c.gif') no-repeat center,
        repeating-linear-gradient(to right, transparent, rgba(255,255,255,0.1) 1px, transparent 16px) fixed, 
        linear-gradient(to bottom, #2c3e50 10%, rgba(148,178,224,0.4) 20%, #4a6999 50%, #d1e3ff 80%), 
        linear-gradient(to right, #2c3e50 5px, rgba(106, 240, 255, 0) 10px), 
        linear-gradient(to left, #2c3e50 5px, #94b2e0 10px);
    background-size: auto 80%, cover, cover, cover, cover;
    border: 1px solid #3b527a;
    box-sizing: border-box;
    box-shadow: inset 0 0 4px #004;
    min-width: 80px;
    border-radius: 100px;
}

::-webkit-scrollbar-button:vertical:start:decrement,
::-webkit-scrollbar-button:vertical:end:increment {
    display: block;
    height: 15px;
    width: 15px;
    background: url("https://64.media.tumblr.com/944a86c0788c33150392f0467a227a3b/e636630bc62b557b-a8/s75x75_c1/e8e8a0b013b6ea98d6b45a59a8f0165b9b3d640c.gif") no-repeat center,
                linear-gradient(to right, #2c3e50, #94b2e0 40%, #2c3e50);
    background-size: contain, cover;
    border: 1px solid #2c3e50;
}

::-webkit-scrollbar-button:horizontal:start:decrement,
::-webkit-scrollbar-button:horizontal:end:increment {
    display: block;
    height: 15px;
    width: 15px;
    background: url("https://64.media.tumblr.com/944a86c0788c33150392f0467a227a3b/e636630bc62b557b-a8/s75x75_c1/e8e8a0b013b6ea98d6b45a59a8f0165b9b3d640c.gif") no-repeat center,
                linear-gradient(to bottom, #2c3e50, #94b2e0 40%, #2c3e50);
    background-size: contain, cover;
    border: 1px solid #2c3e50;
}

::-webkit-scrollbar-corner {
    background: #2c3e50;
}

::-webkit-scrollbar-button:vertical:start:increment,
::-webkit-scrollbar-button:vertical:end:decrement,
::-webkit-scrollbar-button:horizontal:start:increment,
::-webkit-scrollbar-button:horizontal:end:decrement {
    display: none;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 999999;

  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%
  );

  mix-blend-mode: screen;
  filter: blur(40px); 

  animation: angelPulseGlow 3s ease-in-out infinite;
}
@keyframes angelPulseGlow {
  0% {
    opacity: 0.25;
    filter: blur(20px);
    transform: scale(1);
  }
  50% {
    opacity: 0.45;
    filter: blur(55px);
    transform: scale(1.04);
  }
  100% {
    opacity: 0.25;
    filter: blur(20px);
    transform: scale(1);
  }