<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">     /*Extra Font*/
@font-face {
    font-family: 'GenEiLate';
    src: url('/static/fonts/GenEi.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Charganolton';
    src: url('/static/fonts/charganolton.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}




/* Keyframe Liedna*/
@keyframes liddieCycle {
  0% {
    background-image: url('/static/kinsho/portraits/lid_01.png');
  }
  16% {
    background-image: url('/static/kinsho/portraits/lid_02.png');
  }
  33% {
    background-image: url('/static/kinsho/portraits/lid_03.png');
  }
  50% {
    background-image: url('/static/kinsho/portraits/lid_04.png');
  }
  66% {
    background-image: url('/static/kinsho/portraits/lid_05.png');
  }
  83% {
    background-image: url('/static/kinsho/portraits/lid_06.png');
  }
  100% {
    background-image: url('/static/kinsho/portraits/lid_01.png');
  }
}


/* Keyframe Drosera*/
@keyframes droCycle {
  0% {
    background-image: url('/static/kinsho/portraits/dro_01.png');
  }
  33% {
    background-image: url('/static/kinsho/portraits/dro_02.png');
  }
  66% {
    background-image: url('/static/kinsho/portraits/dro_03.png');
  }
  100% {
    background-image: url('/static/kinsho/portraits/dro_01.png');
  }
}



/* Keyframes for the flash effect */
@keyframes flashBackground {
  0% {
    background-color: #ffe2b9; 
  }
  50% {
    background-color: rgba(0, 0, 0, 0.55);
  }	
  100% {
   background-color: #ffe2b9; 
  }
}





h1, h2 {
  color: #c23176;
  text-shadow: 2px 2px #111; /* Pixelated shadow effect */
  font-family: 'Charganolton', Arial, sans-serif;
}


body {
  font-family: 'GenEiLate', Arial, sans-serif;
 color: #ffffff;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.66); /* Soft shadow effect */
  background: 
    linear-gradient(rgba(225, 225, 225, 0.3), rgba(50, 50, 50, 0.3)),
    url(/static/kinsho/bg.png) repeat;
}

div.post.reply {
  border: 14px solid transparent; /* Adjust based on the border size  */
  border-image: url('/static/kinsho/border.png') 14 round; /* '14' refers to the size of the corners */
  padding: 2px;
  background-color: rgba(0, 0, 0, 0.34);
  background: 
    url('/static/kinsho/backing.png') repeat,
    rgba(0, 0, 0, 0.55); 
  text-shadow: none;
  border-radius: 8px;
}

div.post:hover {
  box-shadow: 1px 1px 23px 1px #ff0cc0; /* Bewitching glow on hover... */
}

div.banner {
    background-color: #000000;
}

a, div.post.reply div.body a, element.style {
color: #e108c3;
}

div.ban h2 {
    background: #000;
    color: #c23176;
    font-size: 12pt;
}


a:visited {
    color: #c23176;
}

.intro span.name {
    color: #ffffff;
}

div.post.reply.highlighted {
background-image: url(/static/kinsho/inran.png);
background-repeat: no-repeat;
background-position: bottom right;
  animation: flashBackground 3s infinite; 

  }

div.ban {
  border: 14px solid transparent; /* Adjust based on the border size  */
  border-image: url('/static/kinsho/border.png') 14 round; /* '14' refers to the size of the corners */
  padding: 2px;
  background-color: rgba(0, 0, 0, 0.34);
  background: 
    url('/static/kinsho/backing.png') repeat,
    rgba(0, 0, 0, 0.55); 
  text-shadow: none;    
max-width: 940px;
}


form table tr th {
    background: #ee88ca;
}


span.quote {
    color: #81b9a3;
}



/*div pages as I like*/
div.pages {
   width: 98%;
   text-align: center !important;
   background-color: #000000;
}

div.pages.top {
    display: block;
    position: static;
    top: 0;
    right: 0;
    opacity: 0.9;
}

div.pages a.selected {
    color: #ffffff;
    font-weight: bolder;
}


body:before {
  content: "";
  width: 393px;
  height: 500px;
  position: fixed;
  bottom: 0px;
  right: 120px;
  background-size: cover;
  background-repeat: no-repeat;
  animation: liddieCycle 180s infinite;
   z-index: -1; 
}

body:after {
  content: "";
  width: 354px;
  height: 450px;
  position: fixed;
  bottom: -60px;
  right: -40px;
  background-size: cover;
  background-repeat: no-repeat;
  animation: droCycle 180s infinite;
  z-index: -2; 
  opacity: 0.7;
}



    /* Hidden*/
div.boardlist.bottom {
   visibility: hidden !important;}</pre></body></html>