body { 
    image-rendering: pixelated;
    flex-direction: column; 
}
#demoniac a, main a {
    color: #860c29;
    letter-spacing: 2px;
    font-family: camserial;
}
#loges section {
  display: block !important; 
}
#demoniac a:hover, main a:hover {
    color: rgb(205, 119, 155);
    letter-spacing: 2px;
    font-family: camserial;
}
footer {
    background: url(idx/promi17.jpg); 
    z-index: 3; 
    position: relative;
    color: #e3bacb; 
}
#snow {
    background: url(idx/snow.gif);
    mix-blend-mode: lighten;
    background-size: 180px;
    opacity: .6;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 3;
}
.rule {
    display: block;
    line-height: 18px;
    margin-bottom: 20px; 
}
.lawn {
    font-size: 22px;
    font-weight: normal;
    font-family: camserial;
    top: 2px;
    position: relative;
}
#greetings::first-letter {
    font-size: 34px;
    font-family: frak;
}
#greetings {
    width: 50%;
    line-height: 25px;
    padding: 30px;
    padding-top: 0; 
    box-sizing: border-box;
    text-align: justify;
    padding-right: 0px;
}
#cstatus {
    color: #835f8c; 
}
#cnote {
    color: #5caa7e; 
}
#celib span {
    display: block;
    font-size: 50px;
    font-family: frak;
    text-align: center;
    margin: 14px;
    border: 1px solid; 
    width: 1.4em; height: 1.4em; 
    box-sizing: border-box;
    padding-top: 13px;
    background: #1b000d;
}
#celib span:hover {
    color: #860c29; 
}
#celib {
    position: relative;
    width: 8.5%;
}
#artic {
    width: 50%;
    padding: 20px;
    box-sizing: border-box;
    padding-left: 0px;
}
#artic a:hover {
    color: #860c29; 
}
#artic a {
    font-size: 20px; 
}
.overlay { opacity: .15; }
@keyframes thunder {
    0% { background: #ffb2b2;  }


    10% { background: #39333b; }
    50% { background: #39333b;  }
    98.4% { background: #39333b;  }


    98.5% { background: #ffb2b2;  }
    98.8% { background: black; }

    99.1% { background: #ffb2b2; } /*  #ff5b73  */
    99.4% { background: black; }

    99.7% { background: #ffb2b2; }
    100% { background: black;   }
}
.background {  
  background: url(idx/tiaw18.jpg);
  background-size: 80vw;  
}
#hisv {
    animation: thunder 30s linear infinite;
    background: #39333b;
}
.background div {
    position: absolute;
    width: 100%;
    height: 100%;
    mix-blend-mode: overlay;
}
#title {
    font-family: Kabinett Fraktur; 
    display: flex; 
    font-size: 60px;
    position: relative;
    top: 41px; 
    filter: drop-shadow(4px 7px #39020f); 
    z-index: 3; 
    justify-content: center;
}
#buds {
    font-family: buds; 
    font-size: 100px;
    margin: 0;
    color: #894a56; 
    top: -7px;
    -webkit-text-stroke: .3px #4b4a67;
}
#demoniac {
    z-index: -1; 
    position: relative; 
}
#lawtitle {
    font-size: 50px;
    width: 100%;
    display: block;
    text-align: center;
    letter-spacing: 20px;
}
#law {
    box-sizing: border-box;
    width: 100%; 
    position: relative;
    border: 15px solid; 
    border-image: url(idx/svin5.png) 40 round;
}
#law div {
    border: 20px solid; 
    overflow-y: scroll;
    height: 607px;
    position: relative;
    text-align: left;
    color: #c9bbbe;
    border-image: url(idx/walker8.png) 30 round;
}
#law div section {
    background: url(idx/see8.jpg); 
    position: relative;
    padding: 20px;
    display: block;
}
#improv {
    padding: 0;
    z-index: 5;
    position: relative;
    padding-left: 30px; 
    padding-right: 30px; 
    mix-blend-mode: difference;
}
#intr {
    display: block;
    z-index: 2;
    position: relative;
    margin-left: 30px;
    margin-right: 30px; 
}
#intr a {
    color: #b67499; 
}
#intr a:hover {
    color: #74b6a0; 
}
#improv iframe {
    filter: invert(1) saturate(0.1) brightness(2.3) contrast(1.6) hue-rotate(70deg); 
}
#init {
    background: url(idx/half2.png), rgb(20, 0, 5);  
    border: 1px solid #6a1521; 
    background-size: 20%;
}
#first {
    position: relative;
    z-index: 3; 
}
#teeth {
    height: 90px;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
    background: url(https://pomf2.lain.la/f/5phhavld.jpg);
    background-size: 250px;
}
.titl {
    scale: 1;
    top: -15px;
    -webkit-text-stroke: 1.5px #9f6779;
    position: relative;
    font-family: fortalesia;
    font-size: 90px;
    margin: 4px;
    font-style: italic;
}
@keyframes titl2 {
    0% { color: transparent; }
    50% { color: rgb(36, 6, 14);}
    100% { color: transparent;}
}
.titl2 {
    scale: 1 1.7;
    font-family: Times;
    color: transparent;
    background: linear-gradient(black, #9d263c); 
    animation: titl2 .4s ease-in-out infinite; 
    -webkit-background-clip: text;
    -webkit-text-stroke: .7px #e3bac6;
    font-weight: bold;
}
#papist {
    width: 100%; 
    position: relative;
    display: block;
    padding: 5px; 
    text-align: center;
}
#litsep {
    display: block;
    padding: 10px; 
    font-size: 24px; 
    color: pink; 
}
#piracy {
    margin-left: 0 !important; 
    margin-right: 120px;
    color: #933e5a !important; 
}
#piracy a {
    font-weight: normal; 
    padding: 10px; 
    font-size: 17px; 
}
#piracy a:hover {
    letter-spacing: 0px; 
    font-size: 22px; 
}
#liturgy, #piracy {
    margin-left: 120px;
    height: auto;
    z-index: 3;
    position: relative;
    padding-top: 15px;
    text-align: center;
    font-weight: bold; 
    line-height: 27px; 
    font-size: 25px; 
    color: #510413;
}
#liturgy a {
    font-weight: normal; 
    padding: 10px; 
    font-size: 17px; 
}
#liturgy a:hover {
    letter-spacing: 0px; 
    font-size: 22px; 
}
#liturgy span {
    display: block;
}
#piracy span {
    display: block;
}
@keyframes smog {
    0% { background-position-x: 0px; }
    100% { background-position-x: 1600px; }
}
#smog {
    display: block;
    width: 100%;
    background: url(idx/smog15.png);
    top: -385px;
    position: relative;
    animation: smog 10s linear infinite; 
    background-repeat: repeat-x;
}
@keyframes smog2 {
    0% { background-position-x: 0px; }
    100% { background-position-x: -1550px; }
}
#smog2 {
    display: none; 
}
#cathe section {
    width: 100%;
    height: 530px; 
    background: black;
    top: 100%;
    position: relative;
}
#cathe {
    position: absolute;
    width: 100%; 
    top: 100px; 
    height: 1500px; 
    display: flex;
    z-index: 2;
}
#cathe div {
    width: 40%; 
    height: 100%; 
    position: absolute;
    background: url(idx/9pm.png); 
    background-size: 800px;
    background-position-x: auto; 
}
#cathe1 {
    left: 0px;
}
#cathe2 {
    right: 0; 
}
.budsep {
    width: 20px; 
}
.budsalt {
    -webkit-text-stroke: .3px #4b4a67;
    font-family: buds;
    margin: 10px;
    font-size: 40px;
    color: #894a56; 
}
#cathe img {
    pointer-events: none;
}
@keyframes clud { 
  0% { background-position-x: 0%;  }
  50% { background-position-x: 100%; }
  100% { background-position-x: 0%; }
}
#status {
    margin-bottom: 20px; 
}
#status a {
    color: #835f8c; 
}
#notebook a {
    color: #5caa7e; 
}
.ardate {
    display: block;
    font-size: 16px; 
    color: #c17a9b; 
}
.ardesc {
    font-size: 16px; 
    display: block;
}
#clud {
    animation: clud 30s ease-in-out infinite; 
    background: url(idx/clud5.jpg);
    mix-blend-mode: lighten;
    background-size: 120%;
    opacity: .4; /*normal: .4; halloween: 2;*/
    z-index: auto; /*normal: auto; halloween: 3;*/
}
#moon {
    mix-blend-mode: lighten;
    width: 230px; 
    left: 48%;
    position: absolute;
    translate: -56%;
    margin-top: 470px; 
}
#divine {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -18px;
    z-index: 5; 
    justify-content: center;
    /* filter: hue-rotate(-20deg) saturate(0.2) brightness(2.6); */
}
#fence {
    position: absolute;
    width: 100%;
    height: 209px;
    background: url(idx/fance3.png);
    background-size: 50%;
    top: -119px;
}
#mute {
    width: 100%;
    height: 100px;
    background: linear-gradient(transparent, #320911);
    top: -110px;
    position: absolute;
    z-index: -1;
}
#shine {
    background: url(idx/winters2.png);
    background-size: cover;
    position: absolute;
    width: 400px;
    height: 400px;
    z-index: -2;
    animation: 20s rotate linear infinite;
    top: -142px;
    pointer-events: none;
}
#veins {
    position: absolute;
    width: 116px;
    height: 116px;
    background: url(idx/pupil9.png);
    z-index: -1;
    border-radius: 50%;
    background-size: 240px; 
}
#eye {
    width: 120px;
    height: 120px;
    border: 2px solid #b3919f; 
    box-sizing: border-box;
    border-radius: 50%;
    background: url(idx/iris4.png) transparent;
    background-size: 80px; 
    background-repeat: no-repeat;
    background-position: center;
}
#wrapper { 
    font-family: warnock pro;
  width: 1337px; 
  color: #e3bacb; 
  flex-direction: column; 
  margin: auto; 
  z-index: 3; 
}
header { 
    margin-top: 25px; 
} 
main { 
  padding: 0; 
  border: 30px solid; 
  border-image: url(idx/frmo.png) 40 round; 
  filter: drop-shadow(1px 1px #330505) drop-shadow(-1px -1px #650e17); 
}
#blood {
    position: absolute;
    width: 100%;
    mix-blend-mode: soft-light;
    pointer-events: none;
    bottom: -55px;
}
#kgif span:nth-child(1) a img {
    padding-top: 3px;
    padding-bottom: 3px;
    background: black;
    border: 1px solid #a4a4c5;
}
#kgif span:nth-child(4) a img {
    border: 1px solid #FFF;
}
#kgif {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    background-color: transparent;
    height: 1352px;
    overflow: scroll;
    overflow-x: hidden; 
    margin-top: 20px;
    padding-bottom: 500px;
}
#concert {
    width: 40%; 
    position: relative;
    z-index: 2; 
}
#concertbackground {
    width: 80%; 
    position: absolute;
    height: 100%; 
    background: url(idx/pasta7.png); 
    right: 0; 
    background-position: right;
    border: 25px solid; 
    border-right: none;
    border-bottom: none;
    border-image: url(idx/walker7.png) 40 round; 
    border-image-outset: 10px;
    box-sizing: border-box;
}
#concertbackground img {
    bottom: 0;
    position: absolute;
    left: -355px;
    z-index: 4; 
    pointer-events: none;
}
#violin {
    width: 40%; 
    position: relative;
    z-index: 2; 
}
#violinbackground {
    width: 80%; 
    position: absolute;
    height: 100%; 
    background: url(idx/pasta7.png); 
    border: 25px solid; 
    border-left: none;
    border-bottom: none;
    border-image: url(idx/walker7.png) 40 round; 
    border-image-outset: 10px;
    box-sizing: border-box;
    background-position: left;
}
#violinbackground img {
    position: absolute;
    bottom: 0; 
    transform: scaleX(-1); 
    right: -355px; 
    z-index: 4; 
    pointer-events: none;
}
.avatar {
    float: left;
    margin: 10px;
    margin-bottom: 0; 
    margin-left: 0;
}
#dev {
    width: 100%; 
    box-sizing: border-box;
    position: relative;
    z-index: 2; 
    background-size: 300px; 
}
#devtray {
    height: 500px; 
    width: 80%; 
    margin: auto; 
    position: relative;
    display: flex;
    background-position: -17px;
}
#devlo
#nami, #hami {
    border: 20px solid; 
    border-image: url(idx/stamp.png) 20 round;
}
nav {
    height: auto; 
    width: 100%; 
    padding: 10px; 
    padding-left: 60px; 
    padding-right: 60px; 
    padding-bottom: 0; 
    padding-top: 0; 
    box-sizing: border-box;
}
#ornate {
    width: 100%;
    height: 70px; 
    background: url(idx/ornate5.png);
    background-size: 337px; 
}
nav section {
    flex: 1; 
    display: none;
    position: absolute;
}
.navlink {
    position: relative;
    font-size: 30px;
    padding: 7px;
    padding-top: 20px;
    width: auto;
    font-weight: bold;
    letter-spacing: -2px;
    text-align: center;
    font-family: kab;
}
.navlink:hover {
    background: linear-gradient(#440f1a 20%, transparent); 
}
.navlink:hover span {
    color: transparent; 
      
    background: linear-gradient(rgb(162, 116, 189), #7abd91); 
    -webkit-background-clip: text;
}
.navslash {
    position: relative;
    font-size: 40px;
    font-family: buds;
    transform: scaleX(1)rotateZ(29deg);
    margin-left: 2px;
    margin-right: 4px;
    display: none;
}
.big {
  font-size: 34px;
  font-family: frak;
}
b {
    font-family: moderne fraktur;
    letter-spacing: 1px;
    line-height: 20px;
}
#cathedral {
    position: relative;
    width: 100%;
    height: 100%;
    background: url(idx/cathedral4.png);
    background-size: contain;
    filter: drop-shadow(0px 1px #590011); 
    z-index: 2;
    pointer-events: none;
}
#tree {
    width: 100%;
    height: 460px;  
    position: absolute;
    bottom: 0;
    z-index: 1;
    image-rendering: auto;
}
@keyframes tree {
    0% { transform: rotateZ(-3deg); }
    50% { transform: rotateZ(2deg); }
    100% { transform: rotateZ(-3deg); }
}
#tree img {
    top: -200px; 
    position: relative;
    pointer-events: none;
    animation: tree 5s ease-in-out infinite; 
}
#leaf1 {
    left: -90px; 
} 
#leaf2 {
    position: absolute;
    z-index: -2;
    width: 150%; 
    bottom: 0;
}
#middle {
    position: relative;
    width: 20%; 
    z-index: 1; 
}
#btns {
    position: absolute;
    height: 100%;
    padding-top: 180px;
    z-index: 1;
    width: 100%;
}
#kgif img {
    width: 88px; 
    position: relative;
    filter: saturate(.6); 
}
#kgif span {
    display: block;
    text-align: center;
    height: 50px;
    position: relative;
}
#kgif a img:hover { 
    filter: none; 
    box-sizing: border-box;
    background-color: black;
    scale: 1.3; 
    z-index: 5; 
}
#window {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(transparent 25%, rgba(212, 98, 151, 0.5));
    left: 50%;
    transform: translateX(-50%);
    border-top: 25px solid;
    border-image: url(idx/walker7.png) 35 round;
    box-sizing: border-box;
    background-position-y: -30px;
}
#musik a {
    padding: 20px; 
    position: relative;
    padding-top: 40px; 
    display: block; 
    margin-left: 120px;
    text-align: center;
    font-size: 50px; 
    font-family: frak !important; 
}
#grandtree {
    bottom: 0;
    position: absolute;
    right: -450px;
    z-index: 1;
    height: 1500px;
}
#autism {
    position: relative;
    z-index: 2; 
}
#autism a {
    display: block; 
    padding: 20px;
    padding-top: 40px; 
    position: relative;
    margin-right: 120px; 
    text-align: center;
    font-size: 50px; 
    font-family: frak !important; 
}
#loges {
    background: url(https://pomf2.lain.la/f/5phhavld.jpg);
    padding: 20px;
    background-size: 300px;
    background-attachment: local;
    width: 100%; 
    border: 2px solid #3c1415; 
    overflow-y: scroll; 
    box-sizing: border-box;
}
.date {
    font-size: 25px;
    color: #ca7480;
    font-weight: bold;
    filter: drop-shadow(2px 2px #300);
}
.topic {
    color: #976099;
    font-weight: bold;
    filter: drop-shadow(3px 3px #300);
}
.topic:hover {
    color: #e3a666; 
}
.tasks {
    color: pink;
    filter: drop-shadow(3px 3px #300);
}
#intel span {
    display: block; 
    padding: 10px; 
    font-family: Times; 
    letter-spacing: 2px;
    padding-top: 0px; 
    font-size: 18px; 
    word-spacing: 5px; 
}
#intel a {
    color: #7c4a64; 
    text-decoration: underline;
}
#intel a:hover {
    color: rgb(200, 148, 170); 
}
#intel p {
    text-align: justify; line-height: 25px;
}
#intel {
    position: relative;
    width: 100%; 
    font-family: warnock; 
    background: url(idx/promi16.png); 
    padding: 500px; 
    color: #a0738a; 
    padding-top: 0; padding-bottom: 0; 
    text-align: center;
    z-index: 3; 
    border: 25px solid;
    font-size: 18px; 
    box-sizing: border-box;
    border-image: url(idx/walker15.png) 40 round;
    border-image-outset: 5px;
}
#intec {
    width: 100%; 
    box-sizing: border-box;
    position: relative;
    border: 5px solid transparent; 
}
#christmastree {
    position: absolute;
    display: none; 
    right: 40px;
    pointer-events: none;
    top: 44px;
    width: 150px;
}