:root{
	--shadowi: indigo;
	--accent:rgba(0,0,235,0.3);
	--accent2:rgba(0, 0, 250,0.15);
	--shadow:darkgoldenrod
	}

html{height:99%}
body{background:url('https://felixfever.nekoweb.org/img/ff/graphics/ffpattern.png'),linear-gradient(indigo,transparent,indigo),url('https://felixfever.nekoweb.org/img/brixbgblue.png'),black;margin:1%;overflow:hidden;padding:1%;background-blend-mode:screen,lighten,normal,normal}

::selection{color:white;font-weight:bold;text-decoration:underline;}
*{font-family:tahoma,verdana,arial,sans-serif;image-rendering:pixelated;cursor:url(https://felixfever.nekoweb.org/felix/homeyhome/felixcursor1.png), auto !important;}
*:active{cursor:url(https://felixfever.nekoweb.org/felix/homeyhome/felixcursor2.png), auto !important;}

p,li{font-size:1em}
p{border:1px dotted transparent;background:rgba(0,0,139,0.5);border-radius:0.4em 1em;}
p:nth-of-type(even){border:1px dotted transparent;background:rgba(0,0,139,0.5);color:yellow}
p:nth-of-type(odd){border:1px dotted transparent;background:rgba(50,0,139,0.5);color:rgb(255,255,70)}
p:hover{padding-left:0.5em;border:1px dotted blue}
table{width:90%}
li{color:blue;letter-spacing:initial;border-radius:0.5em 0.25em}
li::marker{color:skyblue}
li:nth-of-type(even){color:yellow;background:linear-gradient(to left,mediumblue,transparent);}
li:nth-of-type(odd){color:rgb(255,255,100);background:linear-gradient(to right,rgb(50,0,139),transparent)}
ul > li:nth-of-type(12n+1){list-style-image:url(https://felixfever.nekoweb.org/img/ff/smileys/e_normal.png)}
ul > li:nth-of-type(12n+2){list-style-image:url(https://felixfever.nekoweb.org/img/ff/smileys/e_smile.png)}
ul > li:nth-of-type(12n+3){list-style-image:url(https://felixfever.nekoweb.org/img/ff/smileys/e_surprise.png)}
ul > li:nth-of-type(12n+4){list-style-image:url(https://felixfever.nekoweb.org/img/ff/smileys/e_confused.png)}
ul > li:nth-of-type(12n+5){list-style-image:url(https://felixfever.nekoweb.org/img/ff/smileys/e_cry.png)}
ul > li:nth-of-type(12n+6){list-style-image:url(https://felixfever.nekoweb.org/img/ff/smileys/e_blush.png)}
ul > li:nth-of-type(12n+7){list-style-image:url(https://felixfever.nekoweb.org/img/ff/smileys/e_laugh.png)}
ul > li:nth-of-type(12n+8){list-style-image:url(https://felixfever.nekoweb.org/img/ff/smileys/e_angry.png)}
ul > li:nth-of-type(12n+9){list-style-image:url(https://felixfever.nekoweb.org/img/ff/smileys/e_meh.png)}
ul > li:nth-of-type(12n+10){list-style-image:url(https://felixfever.nekoweb.org/img/ff/smileys/e_teary.png)}
ul > li:nth-of-type(12n+11){list-style-image:url(https://felixfever.nekoweb.org/img/ff/smileys/e_tongue.png)}
ul > li:nth-of-type(12n+12){list-style-image:url(https://felixfever.nekoweb.org/img/ff/smileys/e_sad.png)}
li:hover{background:linear-gradient(to right,var(--shadow),transparent);font-style:italic}
li>a{border:1px solid blue;border-radius:1em;}
li>a:link{border:1px solid blue;border-radius:1em;}
li>a:visited{border:1px solid mediumblue}
li>a:hover{border:1px solid skyblue;}
p,li,b,a:link,a,*{text-shadow:-0.25px 0.25px var(--shadow),0 -1px white,1.5px 1.5px brown;}
*{color:yellow;}
textarea{text-shadow:initial!important;color:black!important}

#head{position: center;height: 2%;
top:5%;width:50%;margin-top:0;top:2%;line-height: 2%;background-color:mistyrose;margin-bottom:0%;padding-bottom:0;

background-image:url('https://64.media.tumblr.com/e4d47c5742a84ef3c9520f1f99f968ee/tumblr_inline_rzvz1rDfTl1v90b77_500.gif'); background-repeat:no-repeat;  background-position:bottom right;background-origin:border-box;background-size:9%;

}

/* Containers */
#tray{clear: both;display: table;border:2px dashed yellow;outline:2px double var(--shadow);background:rgba(0,0,128,0.4); background-repeat:no-repeat;padding:2%;border-top-right-radius:0.5em;border-bottom-left-radius:0.5em; position:relative;height:auto;width:50%;margin:0 auto;box-shadow:0 0 16px 4px var(--shadowi) inset;-webkit-backdrop-filter: blur(1.5px);backdrop-filter: blur(1.5px)
	
	}
.container{overflow-y:auto;border:2px dashed yellow;outline:2px double darkslateblue;background:rgba(0,0,139,0.25); background-repeat:no-repeat;padding:2%;border-top-right-radius:0.5em;border-bottom-left-radius:0.5em;transition:500ms;box-shadow:0 0 16px 4px var(--shadowi) inset;-webkit-backdrop-filter: blur(1.5px);backdrop-filter: blur(1.5px);}
.container:hover{outline:5px double blue}
.container > *{color:yellow;transition:500ms;}
#no-bg{-webkit-backdrop-filter:initial;box-shadow:initial}
i,b{color:inherit!important;}

/* Headings */
h1,h2{background:linear-gradient(transparent,mediumblue);margin:20px 0 0;letter-spacing:0.15em;border:1px groove rgba(255,201,14,0.5);border-bottom:3px dashed gold;border-radius:1em 1em 0 0;text-align:center;}
h1,h2,#title{text-shadow:2px 2px brown,-2px -2px white,2px 2px goldenrod;-webkit-text-stroke:0.5px orange}
h3,h4,h5,h6{border-radius:0 1em 0 0}
h3{border-right:1px dotted yellow;border-bottom:1px dashed yellow;background:linear-gradient(to right,rgb(0, 0, 180),transparent)}
	h3::before{content:"→ "}
h4{border-bottom:1px dotted yellow;background:linear-gradient(transparent,rgb(0,0,100));font-weight:bold}
	h4::before{content:"→→ ";font-weight:bold}

/* Links */
a{color:var(--shadow) !important;font-weight:bold;text-decoration:none;transition:250ms;}
a:link,a{color:goldenrod!important;transition:250ms;}
a:visited{color:darkgoldenrod!important;}
a:hover{font-style: italic;color:var(--shadow);text-shadow: -1px 0 ivory, 0 1px white, 1px 0 ivory, 0 -1px white;transition:250ms;letter-spacing:1px}
b{font-weight:bold}

/* Scrolling */
::-webkit-scrollbar {
      width: 8px;padding:1%
    }
::-webkit-scrollbar-track {
  background: transparent; border:none
}
::-webkit-scrollbar-thumb {
  background: linear-gradient(darkgoldenrod,goldenrod,gold,yellow,white,yellow,gold,goldenrod,darkgoldenrod); border:1px solid var(--shadow);height:64px;background-size: 100% 100%;border-radius:1em;outline:1px solid gold;
}
::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(gold,pink,gold); border:1px solid goldenrod;height:64px;background-size: 100% 100%;
}

/* Status */
#statuscafe {
    background-color: transparent;
	color:white
}
#statuscafe-username {
    margin-bottom: .5em;
}
#statuscafe-content {
    margin: 0 1em 0.5em 1em;
	overflow-y:scroll;
}

/* Imagery */
.sticker{position:absolute;z-index:10;user-drag:none}
.sticker:hover{animation:shake 250ms 1;}
@-webkit-keyframes shake {
    0% { -webkit-transform: translate(2px, 1px) rotate(0deg); } 
    10% { -webkit-transform: translate(-1px, -2px) rotate(0deg); }
    20% { -webkit-transform: translate(-3px, 0px) rotate(0deg); }
    30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
    40% { -webkit-transform: translate(1px, -1px) rotate(0deg); }
    50% { -webkit-transform: translate(-1px, 2px) rotate(0deg); }
    60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
    70% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
    80% { -webkit-transform: translate(-1px, -1px) rotate(0deg); }
    90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
    100% { -webkit-transform: translate(1px, -2px) rotate(0deg); }
}
.pie{zoom:2;transition:none !important;}
@keyframes rn {
            from {
                right:-20%
            }

            to {
                right:120%
            }
       
        }
        
hr{background:url('https://felixfever.nekoweb.org/img/ff/graphics/ffruncycle.png');background-position:center;height:36px;border:none}