.overlay { opacity: .2;  }
body { image-rendering: pixelated; }
blockquote { color: #af98c6;
  font-style: italic;
  font-family: moderne fraktur;
  font-size: 20px;
  letter-spacing: 1px;
}
h2 { font-family: kab; }
h3 { font-family: kab; }
@font-face { 
    font-family: frak; 
    src: url(UnifrakturMaguntia18.ttf); 
}
.background {  
  background: url(https://l337.neocities.org/t/purpleflock2.jpg); 
  background-position: center;
  background-size: 250px; 
}
#introduction { padding-bottom: 27px;
  position: relative;
  width: 86%;
  height: 80px;
  left: 50px;
  border: 25px solid;
  border-image: url(https://l337.neocities.org/t/walkera.png) 32 round;
  top: 40px;
  border-image-outset: 20px;
  background: url(https://l337.neocities.org/t/article2.jpg);
  padding-top: 10px; }
#rogs { } 
@keyframes daylight { 
  0% { opacity: 0; }
  10% { opacity: 1; }
  45% { opacity: 1; }
  55% { opacity: 0; }
  100% { opacity: 0; }
}
#day { 
  position: absolute;
  z-index: 2; 
  width: 100%;
  height: 100%; animation: none; 
  mix-blend-mode: overlay; 
  background:linear-gradient(#4f3364 20%, rgb(153, 153, 153), #ffaedf); 
  animation: daylight 60s linear  infinite; 
}
@keyframes nightlight { 
  0% { opacity: .9; }
  10% { opacity: 0; }
  45% { opacity: 0; }
  55% { opacity: .9; }
  100% { opacity: .9; }
}
#night { 
  width: 100%;
  height: 100%; animation: none; 
  mix-blend-mode: difference;
  background: linear-gradient(#492891 40%, #507060); 
  animation: nightlight 60s linear infinite; 
}
#night div { background:
url(https://l337.neocities.org/t/poke2.gif);
  position: absolute; background-size: 120px; 
  width: 100%;
  height: 100%;
  mix-blend-mode: color-dodge;
  opacity: .5; }
article div { display: flex; justify-content: center;}
#yun { width: 100%;
  height: 117px;
  position: absolute;
  top: 2000px;  filter: drop-shadow(0px 0 12px black); 
  background: url(https://l337.neocities.org/t/aldric2.png);
  background-position: top;
  border-bottom: 40px solid;
  border-image: url(https://l337.neocities.org/t/walkera.png) 34 round;
    border-image-outset: 0;
  border-image-outset: 20px;}
article div img { border: 20px solid; border-image: url(https://pomf2.lain.la/f/46y4ebkc.png) 25 round; }
article { line-height: 25px; position: relative; z-index: 3;  padding: 85px; padding-top: 25px; 
 text-align: justify; 
}
h2::after { 

}
.rog { position: relative; }
.tint { position: relative; z-index: 3; height: 100px;
  padding: 10px; padding-top: 43px;
  box-sizing: border-box; }
#wrapper { 
  font-family: warnock; 
  width: 1100px; 
  flex-direction: column; 
  z-index: 3; color: #efdefb;
  text-shadow: 0px 0px 9px #251923;
}
article #roman:nth-child(1) { top: 90px; }
article #roman:nth-child(2) { bottom: 90px; }
#roman { z-index: -1;
  position: absolute;
  width: 94%; pointer-events: none;
  left: 3%;  }
@keyframes hardlight { 
  0% { filter: brightness(2) hue-rotate(12deg) contrast(1.2) saturate(.2);  }
  10% { filter: brightness(1.6) hue-rotate(12deg) contrast(.92) saturate(.22); }
  45% { filter: brightness(1.6) hue-rotate(12deg) contrast(.92) saturate(.22); }
  55% { filter: brightness(2) hue-rotate(12deg) contrast(1.2) saturate(.2); }
  100% { filter: brightness(2) hue-rotate(12deg) contrast(1.2) saturate(.2); } 
}
#tree { background: url(https://l337.neocities.org/t/tree3.png); 
  width: 500px; image-rendering: pixelated;
  height: 1997px;  filter: none; 
  position: absolute; background-size: 1007px; 
  z-index: 2; 
  clip-path: polygon(88.4% 147.42%, 92.2% 42.1%, 90% 14.51%, 50% 3.86%, 13.00% 12.74%, 10.8% 24.9%, 8.8% 45.9%, 11.2% 147.35%); 
  background-attachment: fixed;
  left: 50px; 
  animation: hardlight 60s infinite; 
}
.big { font-size: 34px;  font-family: frak; }
.background div { top: 0;
  position: relative;
  height: 2000px;
  background:
black; }
#avatar { 
  float: left;
  top: -20px;
  width: 80px;
  position: relative;
  border: 2px solid white;
  margin: 10px;
  mix-blend-mode: lighten;
  filter: hue-rotate(-120deg); 
}
#pire { background: url(https://l337.neocities.org/t/9422.jpg); mix-blend-mode: multiply;
  position: absolute;
  left: 33px; 
  z-index: 2;
  width: 500px;
  height: 1012px;
  top: 988px;}
#ornate { width: 100%; 
  height: 100px; 
  background: url(https://l337.neocities.org/t/ornate2.png);
    background-position-x: 0%;
  position: absolute;
  filter: drop-shadow(0px 0 10px black); 
  background-position-x: center;
  image-rendering: pixelated; }
.topic { font-family: kab; font-size: 40px;  padding-left: 48px; background: url(https://pomf2.lain.la/f/s3q3jgm1.gif);
  -webkit-background-clip: text;
  color: transparent;
 filter: contrast(2) brightness(1.9) hue-rotate(-130deg) saturate(.5);
  image-rendering: pixelated;
  background-size: 900px; }
.date { position: absolute;
  left: 870px;
  font-family: kab;
  font-size: 24px;
  top: 54px;  }
.umm { width: 1040px; top: 5px;
    position: relative; }
#roman .num:nth-child(2) { 
  right: 0; 
}
.num { position: absolute;
  font-size: 144px;
  color: #0e0914;
  font-family: times;
  text-shadow: 0px 0 35px #42375f; }
#mainborder {
  border: 30px solid; z-index: 2; 
  border-image: url(https://l337.neocities.org/t/WALKER4.png) 38 round; 
}
main { 
  background: url(https://l337.neocities.org/t/article2.jpg); 
  border-image-outset: 12px;
  background-size: contain;
}
#underglow { 
width: 1094px;
  height: 1703.7px;
  z-index: -1;
  position: absolute;
  background: black;
  top: 299px;
  filter: drop-shadow(0px 0 20px #3f3551);
  left: 3px;
}
#window { position: relative; pointer-events:  none; }
#window img {z-index: 2;
  position: absolute;
  left: 33px;
  mix-blend-mode: multiply;
  top: 60px; }

rune { padding: 2px;
  border: 2.5px #ffebfe solid;
  border-right: 0;
  border-left: 0; 
  display: block; 
  font-family: kab; width: 986px;; 
  background: url(https://l337.neocities.org/t/ribbon.webp);
  background-size: 150px;
  z-index: 4;
  border-image: url(https://l337.neocities.org/t/natural.gif) 2 repeat; 
  letter-spacing: .2px;
  position: relative; 
  width: 1037px;
}
#miss { position: absolute;
  left: 50%;
  top: 0px; }

#miss:hover #crossfire { width: 180px; height: 80px; top: -30px; }

#crossfire { position: absolute;
  left: 50%; pointer-events: none;
  transform: translateX(-52.1%);
  top: -18px;
  height: 60px;
  z-index: 1;
  filter: brightness(7) hue-rotate(-150deg);
  width: 130px; }
#cross { position: absolute;
  height: 40px; image-rendering: auto;
  z-index: 2;  
  left: 50%;
  transform: translateX(-50%);
  top: -8px; 
  }
#cross:hover { 
  cursor: url("https://pomf2.lain.la/f/y2su2me.png"), pointer;
}
  #sig { font-size: 25px; font-family: kab; display: block; padding: 10px; margin-left: 10%;  top: 35px;
    position: relative; }
  #sub1 { position: absolute;
  image-rendering: pixelated;
  height: 60px;
  top: 12px;
  left: 0;
  overflow: hidden;
  transform: scaleY(-1); }
footer { position: relative;}
footer div { 
  width: 98%;
  height: 100%;
  background: linear-gradient(#100e13, transparent); 
  position: absolute;
  z-index: -1;
  top: -16px;
  filter: blur(5px);
}
footer a:hover { color: pink; }
#sub2 { position: absolute;
  image-rendering: pixelated;
  height: 0px;
  top: 10px;
  left: 50%;
  transform: translateX(-50%) scaleY(-1); }
b { font-family: moderne fraktur; letter-spacing: 1px; 
  line-height: 20px;  }
#motd { 
position: absolute;
  font-style: italic;
  display: block;
  top: 90px;
  color: #6e617d;
  font-size: 18px;
  right: 40px;
  letter-spacing: 1px; 
  width: 720px;
  text-align: right;
  font-weight: bold;
  filter: drop-shadow(2px 2px #2d2536);
}
#sub3 { position: absolute;
  image-rendering: pixelated;
  height: 60px;
  top: 12px;
  right: 0;
  overflow: hidden;
  transform: scaleY(-1) scaleX(-1); }
article a { color: transparent;
  text-decoration: underline;
  background: url(https://l337.neocities.org/t/seq.gif);
  -webkit-background-clip: text; font-size: 20px; font-family: moderne fraktur; 
 background-size: 200px;
letter-spacing:  1px; }
article a:hover { filter:brightness(2); font-style: italic; }
 #title { display: block; color: inherit; top: 20px;
  position: relative; background: url(https://pomf2.lain.la/f/s3q3jgm1.gif);
  -webkit-background-clip: text;
  color: transparent;
  filter: contrast(1) brightness(2.3) hue-rotate(-90deg) saturate(.8);
  image-rendering: pixelated;
  background-size: 900px; } 
#title:hover {
  filter: contrast(1.5) brightness(1.5) hue-rotate(-90deg) saturate(.6); 
}
#pasta { 
  position: absolute; 
  width: 100%;
  height: 2000px; 
  background: url(https://l337.neocities.org/t/pasta.png); 
  z-index: 3; 
  background-size: 50%;
  mix-blend-mode: lighten; 
}
/* 
#buds { 
  font-family: buds;
  display: inline-block;
  transform: rotateZ(20deg);
  position: relative;
  top: 10px;
  font-size: 80px;
  margin: 10px; 
} 
*/
#status { font-weight: bold; filter: drop-shadow(0px 0 1px #857b8e); }