/*Autumn cozy theme - deVest
Alignment: Pumpkin/FULL - Harvest Moon
Should I make the colors an exact Rose/Kanaya/Dirk reference?
Happy birthday to me~!

Meiqts 25.10.24
*/

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


@keyframes rainbowHue {
  0%   { filter: hue-rotate(0deg) brightness(1.00) drop-shadow(1px 1px 1px #c34343); }
  25%  { filter: hue-rotate(60deg) brightness(1.12) drop-shadow(1px 1px 1px #a3a343); } 
  50%  { filter: hue-rotate(0deg) brightness(1.25) drop-shadow(1px 1px 1px #43c343); }  
  75%  { filter: hue-rotate(-40deg) brightness(1.12) drop-shadow(1px 1px 1px #43a3a3); }  
  100% { filter: hue-rotate(0deg) brightness(1.00) drop-shadow(1px 1px 1px #4343c3); }  
}


body {
background: url('/static/themes/star/fallCanopy.png'), url('/static/themes/star/fallLowTrim.png'),
url('/static/themes/star/whispyFace.gif'), 
url('/static/themes/star/whispyTrunk.png'),
url('/static/themes/star/blanket.png'),
#f3eae1;
background-repeat: repeat-x, repeat-x, no-repeat, repeat-y, repeat;
background-attachment: fixed, fixed, fixed, fixed, scroll;
background-position: 50% 0%, 50% 106%, 98% 40%, 100% 130%;
background-size: auto 18%, auto, auto, auto, auto;
font-family: 'GenEiLate', sans-serif;
}


body::after{
  content: "";
  position: fixed;
  opacity: 0.99;
  width: 100vh;           
  height: 100%;
  bottom: -0vh;
  left: 22%;
  background-image: url('/static/themes/star/fallbow.svg');
  background-repeat: no-repeat;
background-size: cover; 
  pointer-events: none;
  animation: rainbowHue 18s linear infinite;
  z-index: -4;
}

body::before{
  content: "";
  position: fixed;
  opacity: 0.99;
  width: 100vh;           
  height: 100%;
  bottom: -0vh;
  left: 22%;
  background-image: url('/static/themes/star/corn.svg');
  background-repeat: no-repeat;
background-size: cover; 
  pointer-events: none;
filter: brightness(1.05) contrast(133%) drop-shadow(1px 1px 2px #c24242);
  z-index: -3;
}


html:after{
  content: "";
  position: fixed;
  width: 33%;           
  height: 33%;
  bottom: -10vh;
  left: 21%;
  background-image: url('/static/themes/star/kirbs.png');
  background-repeat: no-repeat;
background-size: contain; 
  pointer-events: none;
filter: drop-shadow(-1px 3px 5px #121212);
  z-index: -2;
}


div.thread {
color: #fff;
text-shadow: 1px 1px 1px #000000;
}

div.post.reply:nth-of-type(even) {
    background: radial-gradient(circle at 50% 50%, #f7b23a 0%, #f7b23a 33%, transparent 80%), 
url('/static/themes/star/stars.png'), #f89e00;
    border-radius: 9px;
    border: 3px outset #dd6800;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .32);
}


div.post.op {
    background: radial-gradient(circle at 50% 50%, #705b74 0%, #705b74 33%, transparent 80%), 
url('/static/themes/star/stars.png'), #472c4c;
    border-radius: 9px;
    border: 3px outset #040404;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .32);
}

div.post.reply {
    background: radial-gradient(circle at 50% 50%, #53b451 0%, #53b451 33%, transparent 80%), 
url('/static/themes/star/stars.png'), #21a11e;
    border-radius: 9px;
    border: 3px outset #5ab61c;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .32);
}

div.post.reply:hover {
    background: radial-gradient(circle at 50% 50%, #fb7fbb 0%, #fb7fbb 33%, transparent 80%), 
url('/static/themes/star/stars.png'), #fe5baa;
    border-radius: 9px;
    border: 3px outset #dd6800;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .32);
}

div.post.reply.highlighted{
    background: radial-gradient(circle at 50% 50%, #d7727e 0%, #d7727e 33%, transparent 80%), 
url('/static/themes/star/stars.png'), #ce4a5a;
    border-radius: 9px;
    border: 3px outset #942942;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .32);
}


input[type="submit"], button {
    background: #E87722;
    color: #FFFFFF;
    border: 2px outset #dfb278;
    border-radius: 12px;
    text-shadow: 1px 1px 2px #000000;
    transition: background 0.3s, transform 0.3s;
}
input[type="submit"]:hover, button:hover { 
    background: rgba(0,0,0,.25);
    color: #FFFFFF;
    border: 2px solid transparent;
    border-radius: 12px;
    text-shadow: 1px 1px 2px #000000;
    transition: background 0.3s, transform 0.3s;
}


form table {
   width: 50%;
   min-height: 250px;
   margin: 1px auto;
   padding: 5px;
   background: url('/static/themes/star/k64woodLight.png');
   background-color: #9c7317;
   background-size: 14px;
  border-radius:20px;
}

form table tr th { 
    background: #6c4909;
    color: #fefefe;
    font-size: 1em;
    border: 2px solid #9c7554;
    text-align: left;
    border-radius: 5px;
}

div.banner {
    background: #6c4909;
    color: #fefefe;
    font-weight: bold;
    text-align: center;
}


div.files img {
 background: url('/static/themes/star/k64woodDark.png');
 background-size: 22.2px auto;
    display: block;
    height: auto;
border: 10px solid transparent;
      border-image: url('/static/themes/star/k64woodBorder.png') 14 round; 
    background-clip: padding-box;
  border-image-slice: 14;
}


p.intro {
 background: #6c4909;
    z-index: 1;
    padding: 3px;
    padding-bottom: 6px;
    border-radius: 7px;
    color: #fefefe;
}

.intro span.name {
color: #fe5baa;
background: #dedede;
padding: 2px;
border-radius: 7px;
}

.intro span.subject {
color: #fe0e1e;
}

span.quote {
    color: #f19aac;
}

a, div.boardlist a, a.unimportant, a:visited {
  color:#e6ff9a; 
 text-shadow: 1px 1px 2px #2424de;
;}


a:hover {
   color: #fdfeba!important; 
   text-decoration: underline;
}

div.post.reply div.body a {
  color:#92dcef; 
;}

::selection {
    background-color: #C34A32;
    color: #fffffa;
}


div.ban {
    background: radial-gradient(circle at 50% 50%, #53b451 0%, #53b451 33%, transparent 80%), 
url('/static/themes/star/stars.png'), #21a11e;
    border-radius: 9px;
    border: 3px outset #5ab61c;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .32);

}


div.ban h2{
 background: #6c4909;
    z-index: 1;
    padding: 3px;
    padding-bottom: 6px;
    border-radius: 7px;
    color: #fefefe;
}


h1 {
	font-size: 20pt;
	text-align: center;
	letter-spacing: 0px;
}
div.title, h1 {
	    font-family: 'Janson', serif;
    text-align: center;
    font-size: 22pt;
color: #484c36;
}



 p.unimportant {
 visibility: hidden;
 }



div.pages {
    text-align: center;
    background: rgba(248, 248, 248, 0.8);
    padding: 4px;
    border-top: 2px inset #22808a;
    border-bottom: 2px inset #22808a;
    color: #ffaad4;

}

div.pages a {
    color: #6c4909;
    padding: 2px 6px;
}

hr {
  border: none; 
  height: 32px; 
  background-image: url('/static/themes/star/starbar.png');
background-repeat: no-repeat;
background-position: left;
}