@charset "UTF-8";
.angelnet-webring, .angelnet-webring * {
  all: revert; 
 
}
.angelnet-webring {
 width: 285px;
  height: 225px;
  padding: 10px;
  overflow: hidden;
  background: url("https://file.garden/aA1KpuTwXWPVZ52r/oie_Yr1op4tZ4LYG.jpg") center/cover;
  border: 18px solid transparent;
  border-image: url("https://file.garden/aA1KpuTwXWPVZ52r/tumblr_747b018b398e4490655f881b12a63d99_22c5deb2_400.png") 30 round;
  border-radius: 14px;
  box-shadow: 0 0 10px #fff, 0 0 20px rgba(140,160,255,0.8);
  animation: holyPulse 4s ease-in-out infinite;
  position: relative;
  
  overflow: hidden;    
    box-shadow: 0 0 15px white inset, 0 0 20px rgba(120,140,255,0.8);
  box-shadow:
  0 0 20px #fff,
  0 0 40px rgba(140,160,255,0.8),
  inset 0 0 25px rgba(255,255,255,0.15);
}

.angelnet-webring::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 100; 
  opacity: 0.07; 
  background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, .5) 51%);
  background-size: 100% 4px;
  animation: scanlines 0.6s linear infinite;
}
.angelnet-webring::after {
  content: "⟣WEBRING⟣";
  position: absolute;
  top: 10px;
  right: 15px;
   letter-spacing: 1px;
  color: white;
  font-size: 5px;
  text-shadow: 0 0 10px #fff;
  animation: twinkle 2s infinite alternate;
  pointer-events: none;
    text-decoration: none;
   color: #1a3cff;
   filter: drop-shadow(0px 0px 5px #92bff0);
  text-shadow: 0 0 10px white, 0 0 20px white;
   text-shadow: 0 0 10px white, 0 0 20px white;
  margin: 0 5px; 
  background: linear-gradient(
    90deg,
    #003b7d 0%,
    #4ba3ff 40%,
    #ffffff 70%,
    #003b7d 100%
  );
  background-size: 200% auto;
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  animation: shineMove 3.5s linear infinite;
}

@keyframes twinkle {
  from { opacity: 0.3; transform: scale(0.8); }
  to { opacity: 1; transform: scale(1.2); }
}
@keyframes scanlines {
  from {
    background: linear-gradient(to bottom, transparent 10%, rgba(0, 0, 0, .5) 51%);
    background-size: 100% 4px;
  }
  to {
    background: linear-gradient(to bottom, rgba(0, 0, 0, .5) 50%, transparent 51%);
    background-size: 100% 4px;
  }
}
.angelnet-inner {
  background: rgba(255, 255, 255, 0.25); 
  backdrop-filter: blur(2px); 
  border: 1px solid rgba(255, 255, 255, 0.2);

  animation: holyPulse 4s ease-in-out infinite;
  padding: 14px;
  border-radius: 10px;
  text-align: center;
  box-shadow: 0 0 10px white inset, 0 0 10px rgba(120,140,255,0.8);
}

.angelnet-top {
  text-align: center;
  backdrop-filter: blur(2px); 
}
.angelnet-badge {
  width: 90px;
  margin-bottom: 5px;
  filter: drop-shadow(0 0 15px #92bff0);
  transition: all 0.4s ease-in-out;
  -webkit-mask-image: linear-gradient(
    75deg, 
    rgba(0,0,0,1) 40%, 
    rgba(0,0,0,0.3) 50%, 
    rgba(0,0,0,1) 60%
  );
  -webkit-mask-size: 300%;
  mask-image: linear-gradient(
    75deg, 
    rgba(0,0,0,1) 40%, 
    rgba(0,0,0,0.3) 50%, 
    rgba(0,0,0,1) 60%
  );
  mask-size: 300%;
  animation: shineMove 3.5s linear infinite;
}

@keyframes shineMove {
  0% { 
    background-position: 200% center; 
    mask-position: 150%;              
    -webkit-mask-position: 150%; 
  }
  100% { 
    background-position: 0% center;   
    mask-position: -50%;             
    -webkit-mask-position: -50%; 
  }
}
.angelnet-badge: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.01);
}

.angelnet-title {
  font-family: "Times New Roman", serif;
  font-size: 25px;
  font-weight: bold;
  color: #1a3cff;
   letter-spacing: 1px;
  text-shadow: 0 0 10px white, 0 0 20px white;
  filter: drop-shadow(0px 0px 5px #92bff0);
  transition: all 0.4s ease-in-out;
  cursor: pointer;
}

.angelnet-title:hover {
          brightness(1.15) 
          contrast(1.1) 
          saturate(1.3);
  text-shadow: 0 0 10px #92bff0, 0 0 15px #7bb6f5;
  filter: drop-shadow(0px 0px 8px #ffffff);

}


.angelnet-links a {
  
  font-family: "Times New Roman", serif;
  font-weight: bold;
  font-size: 13px;
  
  line-height: 1.4;
  text-decoration: none;
   color: #1a3cff;
   filter: drop-shadow(0px 0px 5px #92bff0);
  text-shadow: 0 0 10px white, 0 0 20px white;
   text-shadow: 0 0 10px white, 0 0 20px white;
  margin: 0 5px; 
  background: linear-gradient(
    90deg,
    #003b7d 0%,
    #4ba3ff 40%,
    #ffffff 70%,
    #003b7d 100%
  );
  background-size: 200% auto;
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  animation: shineMove 3.5s linear infinite;
  letter-spacing: 1px;

}


.angelnet-links a:hover {
  text-shadow: 0 0 10px #92bff0, 0 0 15px #7bb6f5;
}


.angelnet-webring * {
  background: linear-gradient(
    90deg,
    #003b7d 0%,
    #4ba3ff 40%,
    #ffffff 70%,
    #003b7d 100%
  );
  background-size: 200% auto;
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  animation: shineMove 3.5s linear infinite;
  
}

@keyframes holyPulse {
  0%, 70% { 
    transform: scale(1); 
    box-shadow: 0 0 20px #fff, 0 0 40px rgba(140,160,255,0.8); 
  }
  50% { 
    transform: scale(1.0); 
    box-shadow: 0 0 25px #fff, 0 0 55px rgba(160,180,255,1); 
  }
}