/* oh!! looking at my NAKED code... how scandalous~

assume everything here comes with a big label that says STUPIDEST VERSION on it. i do not write good code. this is a clusterfuck by design and if you complain it hurts your eyes to read with its lack of indentation i will only respond with "GOOD." it's readable to me, and i don't care if it is to anyone else. :3 in fact i prefer it to not be readable by anyone but me! gaze upon this monstrosity of my making and SUFFER! :D
*/

*{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;padding: 0;margin: 0;}
@font-face {font-family: 'title';src: url('/template/fonts/header.eot?') format('embedded-opentype'),url('/template/fonts/header.woff') format('woff'),url('/template/fonts/header.woff2') format('woff2'),url('/template/fonts/header.ttf') format('truetype'),url('/template/fonts/header.svg') format('svg');}
@font-face {font-family: 'cursive';src: url('/template/fonts/cursive.eot?') format('embedded-opentype'),url('/template/fonts/cursive.woff') format('woff'),url('/template/fonts/cursive.woff2') format('woff2'),url('/template/fonts/cursive.ttf') format('truetype'),url('/template/fonts/cursive.svg') format('svg');}
@font-face {font-family: 'nightsky';src: url('/template/fonts/nightsky.ttf');}
@font-face {font-family: 'starshine';src: url('/template/fonts/starshine.ttf');}
@font-face {font-family: 'journal';src: url('/template/fonts/journal.ttf');}
@font-face {font-family: 'wizardry';src: url('/template/fonts/wizardry.ttf');}
.friendcode,.journal time {font-family: monospace}
html,article time,figcaption,#main_nav {font-size: 10px;font-family: Verdana,Geneva,sans-serif}
html,input,label {cursor: url('/template/img/ddr.png'),auto}
body {background: #000 url("/img/space.jpg") bottom center repeat fixed;margin-top: 75px;-webkit-overflow-scrolling: touch;}
html,body {scrollbar-color: #309 rgba(0,0,0,0.23);}
body {height: 100%;scrollbar-width: thin}
body::-webkit-scrollbar {width: 10px;}
html::-webkit-scrollbar-track,body::-webkit-scrollbar-track {background: #000; background: rgba(0,0,0,0.23);}
html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb {background-color: #309;border-radius: 7px;border: 1px solid #000;}
h1,h2,h3:not([class]),h4:not([class]),h5,h6,.menulabel,main > section > .h:first-child,.prideflags .queer,.pronouns {font-family: 'title',Verdana,cursive;}
img:not(#logo),hr,.disabled,#spacefem-rainbow .rainbow {pointer-events:none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none;-ms-user-select: none;user-select: none;}
footer {max-height: 35px}
footer,[aria-label="giving"]:after,[aria-label="receiving"]:after,[aria-label="giving and receiving"]:after,.cards p,[aria-label="ooc"],.cards .pronouns,dl:not([class]) > dd,dd > dl,.links dd,.prideflags small {font-size: 0.87em}
.cards ul.attr,.tagged_nsfw {font-size: 0.77em}
#my_name {font-family: 'cursive', cursive}
.h small {font-size: 0.42em}
.pronouns,.journal .post_footer .emoji {font-size: 3em;color: #0ff}
.block > summary+div,.indent-left,.journal blockquote > * {padding-left:2%}
.journal blockquote > hr {padding-left:-2%}
#skip,#main_nav,.linklist,.contactlist,.wishlist tbody tr > td:nth-of-type(2) {font-size: 1.42em;}
a {cursor: url('/template/img/ddr_alias.png'),alias}
.linklist a {margin-top: 1px}
main ul:not([class]) li,dl:not([tabindex]),ol.toc,.h small {margin-left: 2em;}
.h2 {margin-left: 23px;}
li {margin:1px 0;}
body {font-size: 15px;}
dl.links,pre,.mini_profiles a {font-size: 1.1em}
dl:not([class]) dl,.journal time {font-size: 1em}
.header {vertical-align:bottom}
#main_nav,.pronouns,.name,.artlinks span,.nav_grid,.hl,li .attr,.description div > dt,.tagged_nsfw,.active {font-weight: bold;}
body > header,body > nav,main,footer,body nav a,#censorpanda,header small,.sitemap a,.column > small,.cards a,.cards .pronouns,#me,#teivaport1,#elysion,.art img,.playlist a,.gallery img,.gallery a,.prideflags img,.cards .flags,i.nickname,.cards .attr,.banner,.imageboard,.separate,.links dt a,pre,.linklist a,.contactlist a,.block,.column,marquee,.prideflags details,.journal time,.img-article > article,.img-article img.main,.mini_profiles img,.mini_profiles a,.mini_profiles small,.show,.greet,.wow_spacer,.fullbody .imglink img {display: block;}
small,i.nickname,.journal .post_footer {font-size: 0.7em}
#webrings section,footer,table img,.attr img,marquee {vertical-align:middle;}
p,.profile_background li {text-indent: 0;text-align:left;}
table {border-spacing: 0 1px}
#webrings,body > nav,figure,aside,nav > span,.cards > *,.prideflags,.buttons,.linklist,footer,.focus,.contactlist {text-align:center;}
body > header,body > header > nav,[tabindex],.dd,.dd summary,.favorite,.relative,.gallery figure {position: relative}
.column details,.prideflags div,.fill {position: static}
h1,#main_nav,#webrings section,.inline-block,.imglink,div[tabindex],.cards > *,.cards small a,.artlinks a,.artlinks span,.cards ul,.attr li,.imageboard > a > img,.imageboard > :not(a),.contactlist span {display: inline-block;}
#logo,.moon_elf .sun_elf,.sun_elf .moon_elf,.desktop,footer .imglink,.dd[open] summary:after {display: none;}
.inline,li small,.cards .attr small,.cards p small,.dd,.dd summary,div dt,div dd,marquee ul.titles,marquee ul.titles li,.marquee ul.titles,.marquee ul.titles li,ul.tags,.tags li {display: inline}
q,i.nickname,.h small,.foods td:nth-of-type(3) {font-style:italic;}
body > header{top: 0;}
body > footer{bottom: 0}
.character_shrines table,.character_shrines tr,.character_shrines td,table.border td,button {border: #309 1px solid; border-spacing: 0 0;border-collapse:collapse}
.character_shrines {vertical-align:text-top}
#skip:active,#skip:focus {top: 0;left: 0;opacity: 1;z-index: 23;}
tfoot {bottom: 0;}
thead,tfoot {z-index: 1;}
body > header,body > footer {position: fixed;z-index: 2;}
.nav_grid li {text-indent: 1em;}.nav_grid li li > * {padding: 0 1em 0 1.42em;}.nav_grid li li li > * {padding: 0 1em 0 2.23em;}.nav_grid li {color: #0cc;}.nav_grid li span {font-weight: normal; color: #ccf;}
main nav li,.writing article > a:first-of-type,#wishlist a,.artlinks span,#skip,#main_nav {padding: 0 2em;}
div[tabindex]:after,.dd summary:after {content: "\1F53D";padding-left: 0.42em; font-size: 0.77em;text-shadow: none;color:blue}
#main_nav_dropdown,[tabindex] > div,.dd > div,#skip,.kb,.sr,.sr-only {top:-9999px;left:-9999px;position: absolute;opacity: 0;transition: opacity 0.42s ease-in-out;}
#main_nav_dropdown {width: 100%;left:0;max-height: 42%;max-height: 69vh;padding-top: 0.42em;}
#main_nav_dropdown,.playlist,.overflow_catcher {overflow: auto}
.kb:focus {position: static; opacity: 1}
.kb:focus-within {position: static; opacity: 1}
footer,.sr-only {overflow:hidden}
.prideflags .dd summary {padding-top:1em}
.imageboard {width: 100%; height: 100%;vertical-align:top;}
[tabindex]:hover > div,[tabindex]:active > div,[tabindex]:focus > div,.dd[open] > div {left:0;top: 100%;opacity: 1}
.header[open] #main_nav_dropdown {top: 100%;opacity: 1;background: rgba(0,0,0,0.87);z-index: 10}
main,body > nav {margin: 1% 8%}
aside {margin: 1% 8% 2em}
.cards .portrait {float: left;margin: 0 1em 0.42em 0;height:100px;width:100px}
.banner .h3,.banner p {margin: 0 1em}
.portrait,.ro th[scope] > img:first-of-type {background: url("/template/logo-clear.svg") center center no-repeat}
#logo,.cards .attr .pixel:first-of-type,.left {float:left}
.cards .male,.cards .female,.right,.journal .post_footer a {float:right}
.name+p,.profile_background li {margin-top:0.87em}
.journal .post_footer {margin-top: 1.42em}
#logo {height: 69px;width: auto;margin: 0.42em 1em 0.42em 1em}
header,footer,table,.gallery img,.gallery a,.prideflags img,.musicbox iframe,.contactlist,.contactlist li,.foods col:nth-of-type(2) {width: 100%}

.musicbox iframe {min-height: 420px}
main > section,body > nav > nav,aside > nav {border-radius:23px;margin-bottom: 7px}
h1,nav h2,.menulabel,.row h3 {font-size:23px;}
.h2 {font-size:25px}
main > section > .h3,main > section > section > .h3 {padding: 0 3%}
.h4 {padding: 0 5%}
blockquote {margin: 0 10%}
.h3 {font-size: 1.78em}
.h4 {font-size: 1.58em}
.block > summary {margin: 3px 0}
.block > summary,.wishlist td,.character_shrines td,.mini_profiles a {padding: 0.25em}
.cards > *,pre {padding: 1em;}
.cards .flags {margin: 0 0 0.42em}
.cards .flags > * {height: 0.77em}
.cards .pronouns {font-family: inherit;font-weight:initial;margin: 0.42em 0 0}
.cards .attr {font-weight:initial}
.loud {text-transform: uppercase}
footer a img {height: 31px}
/*apparently this garbage is required for styling buttons...will remove these as necessary*/
button,input,optgroup,select,textarea {font-family: inherit;font-size: 100%;line-height: 1.15;}
button,input {overflow: visible;}
button,select {text-transform: none;}
button,[type="button"],[type="reset"],[type="submit"] {-webkit-appearance: button;}
/**/
button {background: #003; padding: 0 1em}
dfn,abbr,.nav_grid small {font-style:normal}
dfn:hover,abbr:hover,div[tabindex] > :first-child:hover,summary:hover,.spoiler:hover,button:hover {cursor: url('/template/img/ddr_help.png'),help;}
.disabled {cursor: not-allowed}
.break {page-break-after: always;}
.spoiler {font-style: normal;text-decoration: none;color: #000;background: #000;}
.spoiler:hover,.spoiler:active,.spoiler:focus,marquee[behavior="scroll"] {font-style: normal;background: none;color: #fff;}
.emoji {display: inline !important;max-height:1em !important;width:auto !important;color:transparent !important;background:transparent !important;border:0 !important}
#censorpanda,#me,#teivaport1,.art > img,.banner,#elysion,.center,.mini_profiles img,.journal .imgpost,.greet,.wow_spacer {margin: 0 auto;}
#webrings section,.fullbody > section {margin: 1em}
.art > img {height: auto;max-width: 75%;}
.imageboard iframe {min-height: 380px;width: 100%}
.bannertile {height: 300px;width: 100%}
.fav [tabindex] dd,.yes [tabindex] dd,.maybe [tabindex] dd,.no [tabindex] dd {min-width: 230px;}
.wishlist tbody tr > td:nth-of-type(3) {min-width:500px}
#teivaport1,#elysion img,.banner,.musicbox,.quiz_results img,.bars img,img.fit,.journal blockquote img,.wow_spacer,.fullbody img {height: auto;max-width: 100%;}
.imageboard > a > img,.imageboard > *,figure.fit img,.journal .imgpost img {height: auto;width: 100%;}
.imageboard > a > img,.imageboard > :not(a),.bstickers img,img.frame,.frame > :not(.imglink),.frame img,.journal .imgpost img {border: rgba(0,0,0,0.01) 1px solid;}
.imageboard > a > img,.imageboard > :not(a) {margin-bottom: 10px}
.male {color: #3cf;}
.female {color: #f6c;}
[aria-label="shiny"]:after {content: "\2605"}
[aria-label="shiny"]:after,.no li:before {color:red}
.trans {color: #96f;}
.column,table audio,#journal_banner {width: 100%}
.nav_grid small {display:block;background:rgba(0,0,0,0);font-weight:normal;}
p.name+small,.cards p,#herbalism p,.cards .attr {margin-bottom: 0.42em;}
header small,.profile_background li li:last-of-type,.journal time,.journal .author,#button_container {margin-bottom: 0.78em;}
.description p {font-style: italic;color: #9ad;}
.description p {font-size:142%; margin-top: 1.42em}
.description p:first-letter {font-size:187%;font-family: 'cursive', cursive;line-height: 0.1;font-style:normal;color:#ddf;padding-right:0.5em;margin-right:-0.5em;}
.description figure {display:inline;max-width:100%;height:auto;}
.description dl > div,.asks dd,.contactlist span:nth-of-type(2) {margin-left: 1em}
q {color: #bef}
#me,.mini_profiles img {border: #ccf double}
#oneko {cursor: grab;}
#logo,#me,#teivaport1,.cards .portrait:not(.pixel),.greet {shape-outside: circle();}
ul.fav li:before {content: "\1F49C";color: #86e;margin: 0 -1.77em}
ul.yes li:before {content: "\2713" !important;color: #0F0;margin: 0 -1.59em !important;font-weight:bold;}
ul.maybe li:before {content: "!" !important;color: #FB0;margin: 0 -1.12em !important;font-weight: bold;}
ul.no li:before {content: "\2718" !important;margin: 0 -1.42em !important}
[aria-label="ooc"]:before {content:"(( OOC: ";color: #36f;}
[aria-label="ooc"]:after {content:" ))";color: #36f;}
.footnote,.code-comment {color: #36f}
.cards .portrait {border-radius:50%;height: 100px;}
.focus,.cards .flags,.adopts,.artlinks,#button_container {text-align:center}
[aria-label="giving"]:after {content: " (G)";font-size: 0.77em;}
[aria-label="receiving"]:after {content: " (R)";font-size: 0.77em;}
[aria-label="giving and receiving"]:after {content: " (G)(R)";font-size: 0.77em;}
.writing article+article,.journal article p+p {margin-top: 0.87em;}
/*.imglink:hover {filter: brightness(112%)}*/
.favorite:after {content: "\1F31F";font-size: 23px;position: absolute;top: 0.23em;left: 0.23em;z-index: 1;}
[aria-label="favorite"]:before {content: "\1F31F"; padding-right:0.42em}
h1,table.ro {white-space: pre;}
.cards .flags > * {border: 1px solid white}
.prideflags img {border-bottom: 1px solid white}
.prideflags details > div {max-height: 100px}
.prideflags details > div {overflow-y: auto}
.playlist {height: 42vh}
.center {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;flex-direction:row;align-content:center;justify-content:center;}
.stats-pkmn th:nth-of-type(1) {color: #0f0;}.stats-pkmn th:nth-of-type(2) {color: #ff0;}.stats-pkmn th:nth-of-type(3) {color: #f90;}.stats-pkmn th:nth-of-type(4) {color: #0ff;}.stats-pkmn th:nth-of-type(5) {color: #4a86e8;}.stats-pkmn th:nth-of-type(6) {color: #f0f;}
.em {font-size: 125%;margin:0}
i.nickname {opacity:0.77}
.spaced:after,.cards ul.attr li+li:before {content: "\1F30C"}
.spaced:after,.cards ul.attr li+li:before,.wishlist a {padding: 0 1em;}
.writing article > a:first-of-type,.foods td:nth-of-type(2) {font-size: 123%;}
input[type=range] {-webkit-appearance: none;display: inline-block;margin: 0.42em 0 0;width: auto;min-width: 100px;}
input[type=range]:focus,[tabindex]:focus-within {outline: none;}
input[type=range]::-webkit-slider-runnable-track,input[type=range]::-moz-range-track {width: 100%;height: 5px;cursor: pointer;}
[tabindex] > div,.dd > div {text-align: left;font-size: 0.77em;padding: 1em;border-radius: 6px;position: absolute;z-index: 1;}
ul li em {font-style: normal;}
ul li,dl {list-style-type: none;overflow: visible;}
main ul:not(.attr) li,dt {padding: 0;position: relative;}
main ul:not(.attr):not(.titles):not(.tags) li:before,dl:not([tabindex]) dt:before,.gallery time,.gallery .artist {position: absolute}
main ul:not([class]) li::before,dl:not([tabindex]) dt::before {content: url("/template/img/list/purple_moon.png"); -webkit-transform: scale(0.4);-ms-transform: scale(0.4); -moz-transform: scale(0.4); transform: scale(0.4); height:0; width: 1em; margin: 0 -30px}
main ul:not([class]) li:nth-of-type(2)::before,dl:not([tabindex]) dt:nth-of-type(2)::before {content: url("/template/img/list/big_star.gif")}
main ul:not([class]) li,dl:not([class]):not([tabindex]) > dd {padding-bottom: 5px;margin-left: 1em;}
dd > dl:not([tabindex]) {margin: 5px 0 0 1em}
ul.tags li:before {content: "\1F3F7";margin-left: 0.7em;margin-right: 0.42em}
ol.toc {list-style-type: lower-roman}
.titles li+li:before {content: "\1F30C";margin: 0 1em}
.column,.artlinks,main > section > p,pre,.journal #centerpiece {margin: 1em 0;}
img.pixel,.pixel img {-ms-interpolation-mode: nearest-neighbor;image-rendering: -moz-crisp-edges;image-rendering: -o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: pixelated;}
.youtube {background: radial-gradient(1em 1em at 50% 50%, white 50%, transparent 50%);}
main > section+section,body > nav > nav+nav {margin-top: 0;}
.clearfix,.journal .imgpost,.block summary::marker, .block summary::-webkit-details-marker, header summary::marker,header summary::-webkit-details-marker,.dd summary::marker,.dd summary::-webkit-details-marker,.dd[open] summary:after {content: ""}
.clearfix,.journal .imgpost {white-space:pre;display: table;clear: both;}
#herbalism p img,.ro_spirit .pixel,.journal .icon {float: left; margin-right: 1em;}
#herbalism p img {width: 50px;height: 50px;shape-outside: circle();}
#logo,#herbalism p img,#me,.mini_profiles img {border-radius: 50%;}
.block summary:before {
    background-image: url("/template/img/emoji/ddr/ddr-arrow-right.gif");
    background-size: 1em 1em;
  display: table;
  margin: 0 auto;
    width: 1em; 
    height: 1em;
float: left;
margin-right:1em;
    content:"";
text-align: left !important;
transition-duration: 0.3s;
transition-timing-function: ease;}
.block[open] summary:before {
transform: rotate(90deg);
}
.web summary {text-align: center}
.web summary:before {margin-right: 0}
.journal .icon {width: 100px; height: 100px: object-fit: contain}
.journal .icon, .wow_spacer {border: 1px solid #0ff}
body > nav > nav,aside > nav,header,main > section,footer,[tabindex] > div,.dd > div {background:#070033;background:rgba(0,0,0,0.77);}
.gallery time,.gallery .artist {color: #ccf; font-weight: bold; background: rgba(12,0,42,0.7); padding: 3px; font-size: 13px}
.gallery time {bottom: 0; right: 0; border-radius: 7px 0 0 0}
.gallery .artist {top: 0; left: 0; border-radius: 0 0 7px 0}
@media screen and (max-width:768px) {
  #wowport1 {
    float:none;
    margin: 0;
  }
}
@media screen and (max-width:1299px) {
  body > nav li, body > nav li * {
    display: inline-block;
  }
  body > nav li {
    padding: 3px 7px;
    margin: 0 2px;
  }
}
@media screen and (min-width: 1299px) {
  html,body {min-height: 100%;scroll-padding-top: 100px;}
  .header > nav {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;flex-direction:row;display: -ms-grid;display: grid;}
  body {background: url("/img/bottom-deco.png") bottom repeat-x fixed, url("/img/wing-left2.png") right 100% bottom 100px no-repeat fixed, url("/img/wing-right.png") left 100% bottom 100px no-repeat fixed, /*url("/img/mountains_left.png") left 25px bottom 125px no-repeat fixed,*/ url("/img/mountains.png") right 100% bottom 142px repeat-x fixed, url("/img/the_moon.png") top 8px right 42px no-repeat fixed, linear-gradient(to left,black,transparent 350px) fixed, linear-gradient(to right,black,transparent 250px), linear-gradient(to top,#000 250px,transparent 350px) fixed, url("/img/the_maw.png") center top 33% no-repeat fixed, linear-gradient(to top,#000 300px,transparent 450px) fixed, url("/template/img/space2.png") repeat fixed, #000 url("/template/img/bg.gif") left repeat-x fixed;
    background-size: auto, auto, auto, auto, auto, contain}
  header {text-align: left;background: url("/template/img/unicorn_foal.png") right 420px top 20px no-repeat fixed, url("/template/img/unicorns.png") left 100% top -15px no-repeat fixed, rgba(0,0,0,0.77) no-repeat}
  body > nav {float: left;margin: 0;margin-left:1em;width: 235px;}
  main {margin: 100px 275px 50px}
  aside {float: right;right: 0;top: 100px;margin:0;margin-right:1em;width:235px}
  h1 {font-size: 50px;margin: 0.23em 0.87em 0 0.42em;font-family: 'nightsky','cursive', cursive}
  .row:after {content: "";display: table;clear: both;}
  .column,.img-article article:nth-child(even) img.main {float: left}
  .img-article article:nth-child(odd) img.main {float:right}
  .threecol {width: 33%;padding: 0.23em;}
  nav > nav > ul,aside ul {text-align: left;text-indent: 1.42em}
  nav > nav li ul {text-indent: 3em;}
  footer .imglink,.desktop {display: inline}
  #logo {display: inline-block;;background: url("/img/misc/anim/RainbowBridge_small.gif") center center;background-size: cover;transition-property: transform;animation: speen 13s infinite linear;animation-play-state: paused;}
  #logo:hover {animation-play-state: running;}
  main > section+section,body > nav > nav+nav {margin-top: 2em;}
  dl,main ul:not([class]) li {text-align: left}
  .twocol {width: 50%}
  .mobile {display: none}
  .centered-deco img:before {content: url("/template/img/side-deco_left.png")}
  .centered-deco img:after {content: url("/template/img/side-deco_right.png")}
  main > section > .h {margin: 1.78em -30px 0.42em; border-top: 1px #ccf solid; border-bottom: 1px #ccf solid; padding: 0 2em}
  main > section > .h+.h {margin-top: 0}
  main > section > .h:first-child {margin: -0.5em -30px 1em}
  main > section > .h2 {background: url("/template/img/headers/clouds_h2_left.png") bottom 0 left 0 no-repeat, url("/template/img/clouds_h2.png") bottom 0 right 0 no-repeat, url("/template/img/h2_rainbow.png") bottom 0 right 55px no-repeat, linear-gradient(to top, #309, transparent 80%), url("/template/img/headers/h2_bg.png") bottom -23px left 100px no-repeat,url("/template/img/headers/h2_starbg.png") repeat, url("/template/img/headers/shooting_star.gif") top 0 left 30% no-repeat, url("/template/img/headers/shooting_star.gif") top 0 right 150px no-repeat, url("/template/img/spacebg.gif") #000; position: relative; text-align: center; min-height: 80px; vertical-align: center}
  main > section > .h2:before {content: url("/template/img/headers/h2_left-deco.png"); position: absolute; top: -25px; left: -59px}
  main > section > .h2:after {content: url("/template/img/headers/h2_right-deco.png"); position: absolute; top: -25px; right: -25px}
  main > section > .h3 {padding-left: 3em; background: url("/template/img/headers/h3_bg-right.png") bottom 0 right 0 no-repeat, linear-gradient(to top, #028, transparent 70%), url("/template/img/spacebg.gif") top center #000; position: relative; min-height: 65px}
  main > section > .h3:before {content: url("/template/img/headers/h3_left-deco.png"); position: absolute; top: -10px; left: -42px}
  main > section > .h3:after {content: url("/template/img/headers/h3_right-deco.png"); position: absolute; top: -10px; right: -42px}
  main > section > .h4 {padding-left: 3.5em; background: url("/img/bottom-deco.png") top 5px left 0 repeat-x, linear-gradient(to top, #045, transparent 50%), url("/template/img/headers/fireflies.gif") top left repeat #000; min-height: 50px; background-size: auto, auto, contain}
  @supports (border-image-slice: 1) {
  main > section > .h {border-image: linear-gradient(to right, #C0F,#F90,#0F9,#0CF,#b9f);border-image-slice: 1;}
  }
  @supports (border-image-outset: 5px) {
    nav > nav > ul, aside ul {margin: 0 -20px;}
    body > nav > nav {background: url("/template/img/headers/nav_deco.png") top -20px center no-repeat, linear-gradient(to right, rgba(0,0,0,0.7), rgba(0,0,0,0.7))}
    body > nav > nav+nav {background: url("/template/img/headers/nav_deco2.png") top -20px center no-repeat, linear-gradient(to right, rgba(0,0,0,0.7), rgba(0,0,0,0.7))}
  }
}
@media screen and (min-height: 750px) and (min-width: 1299px) {body > nav,aside {position: fixed}}
@media screen and (min-width: 1700px) {.fourcol {width: 25%;padding: 1em}}
@media screen and (min-width: 900px) {.imageboard,.columns {
  /*line-height: 0;*/
  -webkit-column-count: 2;
  -webkit-column-gap:   10px;
  -moz-column-count:    2;
  -moz-column-gap:      10px;
  column-count:         2;
  column-gap:           10px;  }
  .contactlist span {width: 33%}
  .contactlist span:nth-of-type(2) {margin-left: 0}}
@media screen and (min-width: 1700px) {.imageboard,.columns {
  -webkit-column-count: 3;
  -moz-column-count:    3;
  column-count:         3;}
  .fourcol {width: 25%;padding: 1em}}
@media screen and (min-width: 2100px) {.imageboard,.columns {
  -webkit-column-count: 4;
  -moz-column-count:    4;
  column-count:         4;}}
.nav_grid > section {width: 300px margin: 0.42em; display: inline-block}
.nav_grid {vertical-align: text-top }
.mini_profiles,.fullbody {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;flex-direction:row;flex-grow: 1}
@supports (grid-template-columns: repeat(auto-fill, minmax(230px, 1fr))) {
.nav_grid > section {width: 100%; margin: 0; display: block}
.nav_grid {display: grid;grid-gap: 1em;}
.nav_grid {padding: 0 1em 1em 1em;grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));}
.tiles {display: grid;grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));}
.tiles > * {width: auto;max-width:100%}
.fullbody {display: grid;grid-template-columns: repeat(auto-fill, minmax(1px, 350px));}
.mini_profiles {display: grid;grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));}
.mini_profiles > section {margin: 5px}
.mini_profiles img {height: 197px;width:195px; border: 0;margin-top: 3px}
.mini_profiles div {position:relative}
.mini_profiles div:after {display: block;content: url("/template/img/circleborder_200px1.png"); position: absolute; height: 100%; width: 100%; margin: 0 auto; top: 0; left: 0}
.mini_profiles div.alt2:after {display: block;content: url("/template/img/circleborder_200px2.png")}
.mini_profiles div.alt3:after {display: block;content: url("/template/img/circleborder_200px3.png")}
.mini_profiles div.alt4:after {display: block;content: url("/template/img/circleborder_200px4.png")}
.mini_profiles div.alt5:after {display: block;content: url("/template/img/circleborder_200px5.png")}
}
.drag-to-scroll,.pettable {cursor: url("/template/img/cursor_pet.png"),grab}
@media screen and (min-width: 500px) {
  .links dt a {display: inline; padding: 0 5.42em 0 2em}
  .cards,.picrew {grid-template-columns: repeat(auto-fill, minmax(323px, 1fr))}
}
.banner > section {max-width:420px;max-height:420px;overflow:auto}
.bannertile {overflow:hidden;}
.bannertile img {width:100%}
@supports (object-position: 50% 20%) {
  .banner > section {max-width:unset;max-height:unset;overflow: unset}
  .gallery img,.gallery a,.bannertile img {width: 100%; height: 100%;vertical-align:top;}
  .gallery .not-clear,.prideflags img,.bannertile img {-o-object-fit:cover;object-fit:cover;}
  .gallery img {-o-object-fit:scale-down;object-fit:scale-down;}
  #hornse {object-position: 50% 20%}
}
#banner {width: 100%;z-index:1}
.wishlist tbody tr > td:nth-of-type(4) {text-align: right}
.wishlist col:first-of-type,.wishlist tbody tr > td:first-of-type,.wishlist img {max-width: 300px}
::selection,::-moz-selection {background: #cef;color: #103;text-shadow:none;-webkit-text-stroke-width: 0;}
body,header span,ul li em,.description dd,.links dd,dfn,strong:not([class]),mark,.hl,.attr {color: #ccf;}
.cw,.negative {color: #f33;}
dd,.de-em,.wishlist thead,.mini_profiles small,.foods td:nth-of-type(3),.cards .attr,i.nickname,header section small,.cards small,.column small:first-of-type,[aria-label="ooc"],[aria-label="giving"]:after,[aria-label="receiving"]:after,[aria-label="giving and receiving"]:after,#elysion figcaption,.journal time,.journal .author small,.journal .post_footer .tags,i.emote,.tumblr_tagtalk {color: #99f;}
.tumblr_tagtalk span:before {content: "#"}
.tumblr_tagtalk span+span {padding-left: 1.42em}
.cards > * {background: #103;}
i {color: #e6f2ff;}
hr {border: #0cf 1px solid;margin: 1.42em 0;}
hr.img {border: 0;background:url("/img/div.png") no-repeat center center;background-size: contain;height: 30px;width: 100%;max-width: 750px;margin: 1.42em auto;}
hr.line {background:url("/img/div.png") no-repeat top 150%;background-size: cover;height: 5px;}
pre,code,.friendcode,.titles,button {color: #FFF;}
a.imglink,.imglink a {background:#070033;border: 1px solid #070033;background:transparent;border: 1px solid transparent;color:rgba(0,0,0,0)}
header,#main_nav_dropdown {border-bottom: 2px #99f double;}
footer {border-top: 1px #99f double;}
marquee[behavior="scroll"],.marquee .rtl,.marquee .ltr {border-top: 1px #99f double;border-bottom: 1px #99f double;}
main > section,body > nav > nav,aside > nav {
  border: #99f double;
}
main > section {padding: 0 1em 1em;}
.cards .portrait {border: #09c double;}
.gallery figure,.musicbox,.playlist,#journal_banner,.fullbody .imglink img {border:#99f 1px solid;}
.tagged_nsfw {color: #fff; background: #c00; border-radius: 20%;margin-left: 0.42em}
h1,h2,header h3:not(.block),h4,h5,h6 {color: #0ff}
.h span[role] {color: #60f}
.block > summary+div,.border-left,.journal blockquote {border-left: #0cf 3px solid}
a[rel]:not(.imglink):after {content: url("/template/img/external_link.png"); padding-left: 0.42em; padding-bottom: 0.42em; vertical-align: middle}
a:not(.imglink),.name {color: #3cf;background: #225;background:rgba(99,89,189,0.23);font-weight:bold;border: 1px solid #020012;border: 1px solid transparent;-webkit-box-decoration-break: clone;box-decoration-break: clone;}
#main_nav {color: #0cf;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #309;}
a:not(.imglink),.name,button {border-radius: 0.42em;text-decoration:none;}
a:not(.imglink):hover,a:not(.imglink):active,a:not(.imglink):focus {color: #306;border-radius: 0.42em;background: #0CF;border: 1px #F90 solid;}
a.name > :hover,a.name > :active,a.name > :focus {color: #306;}
.block > summary {color:#dde;background: #3363;font-size:115%;font-weight:bold;border: #669 1px dotted;border-radius:7px;}
.block > summary:hover,.block[open] > summary {background: #6693;border: #99C 1px dotted;border-radius:7px;color:#fff;}
.spoiler:hover,dl:not([class]):not([tabindex]) > dt {color: #ccf;}
[tabindex] > div,.dd > div,.stats-pkmn,.cards > *,pre {border: 1px #CCF double;border-radius: 1em;}
.banner > *,.prideflags > * {border: 1px #CCF double;border-radius: 0 0 1em 1em}
@supports (border-image-outset: 5px) {main > section,body > nav > nav,aside > nav {border: transparent 20px solid;border-image: url(/img/border2.png) 45 round;border-image-outset: 5px;}
  nav [data-include] iframe, aside [data-include] iframe {background: rgba(0,0,0,0.77);border: transparent 20px solid;border-image: url(/img/border2.png) 45 round;border-image-outset: 5px;}}
input[type=range]::-webkit-slider-runnable-track,input[type=range]::-moz-range-track {background:linear-gradient(to left,#C0F,#F90,#0F9,#0CF,#b9f);background:-webkit-linear-gradient(to left,#C0F,#F90,#0F9,#0CF,#b9f);background:-webkit-gradient(linear,to left,#C0F,#F90,#0F9,#0CF,#b9f);background:-moz-linear-gradient(to left,#C0F,#F90,#0F9,#0CF,#b9f);background:-o-linear-gradient(to left,#C0F,#F90,#0F9,#0CF,#b9f);border: 1px solid #F90;border-radius: 0.23em;}
input[type=range]::-webkit-slider-thumb,input[type=range]:focus::-webkit-slider-runnable-track,input[type=range]::-moz-range-thumb {border: black 1px solid;height: 1.23em;width: 1.23em;border-radius: 50%;background: #103;cursor: pointer;-webkit-appearance: none;-moz-appearance:none;}
[aria-label="new"]:after {content: url("/template/img/new.gif");margin-left: 0.42em;}
#top,main h2,aside h2,body > nav h2,main > section > div.h3 h3,.music h3,main > section > section > div.h3 h3,.banner h3,main > section > div.h4 h4,.journal h4,h5,h6,.shade,.block > summary,#main_nav,.description p:first-letter {text-shadow: 1px 1px #50f;}
.pronouns {text-shadow: 1px 1px rgba(85,0,255,0.7)}
div[tabindex] > :not(img):first-child,.dd summary,dfn,.bannertile {border-bottom: 1px #0cf solid;}
.prideflags summary {border-bottom:0}
.tableholder,.gallery > *,.cards > *,.playlist {background: linear-gradient(to bottom right,rgba(204,0,255,0.13),rgba(255,153,0,0.13),rgba(0,255,153,0.13),rgba(0,204,255,0.13),rgba(187,153,255,0.13));}
.prideflags section,marquee[behavior="scroll"] {background: linear-gradient(to right,rgba(204,0,255,0.09),rgba(255,153,0,0.09),rgba(0,255,153,0.09),rgba(0,204,255,0.09),rgba(187,153,255,0.09));}
marquee[behavior="scroll"].glitter {background: linear-gradient(to right,rgba(204,0,255,0.09),rgba(255,153,0,0.09),rgba(0,255,153,0.09),rgba(0,204,255,0.09),rgba(187,153,255,0.09)), url("/img/misc/anim/cool_stars.gif") center center repeat;}
@supports (border-image-slice: 1) {
  .journal .icon,[tabindex] > div,.dd > div,tableholder,.prideflags img,.prideflags > *,.cards > *,.gallery > :not(.nsfw),.musicbox,.playlist,.imageboard > a > img,.imageboard > :not(a),pre,.bstickers img,img.frame,.frame > *,.frame img,.journal .imgpost img,.fullbody .imglink img {border-image: linear-gradient(to bottom right, #C0F,#F90,#0F9,#0CF,#b9f);border-image-slice: 1;}
  body > header,body > footer,main > section > :first-child,#main_nav_dropdown,div[tabindex] > :not(img):first-child,.dd summary,dfn,.musicbox iframe,.bannertile,marquee,#journal_banner,.wow_spacer {border-image: linear-gradient(to right, #C0F,#F90,#0F9,#0CF,#b9f);border-image-slice: 1;}
  hr {border-image: linear-gradient(to right, transparent,#C0F,#F90,#0F9,#0CF,#b9f,transparent);border-image-slice: 1;}
  .stats-pkmn {border-image: linear-gradient(to bottom left, #C0F,#F90,#0F9,#0CF,#b9f);border-image-slice: 1}
  .block > summary+div,.border-left,.journal blockquote {border-image: linear-gradient(to bottom, transparent,#C0F,#F90,#0F9,#0CF,#b9f,transparent);border-image-slice: 1}
}
a:not(.imglink):hover,a:not(.imglink):active,a:not(.imglink):focus {background: #0cf;}
a:not(.imglink):hover,a:not(.imglink):active,a:not(.imglink):focus {background: -webkit-gradient(linear,90deg, #C0F 0%, #F90 25%, #0F9 50%, #0CF 75%, #b9f 100%);background: -webkit-linear-gradient(90deg, #C0F 0%, #F90 25%, #0F9 50%, #0CF 75%, #b9f 100%);background: -moz-linear-gradient(90deg, #C0F 0%, #F90 25%, #0F9 50%, #0CF 75%, #b9f 100%);background: -o-linear-gradient(90deg, #C0F 0%, #F90 25%, #0F9 50%, #0CF 75%, #b9f 100%);background: linear-gradient(to right,#C0F,#F90,#0F9,#0CF,#b9f);}
.cards ul.attr a {display: inline-block;margin-left: 0;}
.queer,h2,h3,h4 {display: inline;}
@supports (-webkit-background-clip: text) { 
  #top,h2,main > section > div.h3 h3,.row h3,.banner h3,main > section > section > div.h3 h3,h4,strong:not([class]),mark,.dd summary,.dd[open] summary,.dd summary:hover,.dd summary:focus,.description p:first-letter,.queer,.pronouns,.artlinks span {background: -webkit-gradient(linear,90deg, #C0F 0%, #F90 25%, #0F9 50%, #0CF 75%, #b9f 100%);background:-webkit-linear-gradient(90deg, #C0F 0%, #F90 25%, #0F9 50%, #0CF 75%, #b9f 100%);background: linear-gradient(to right,#C0F,#F90,#0F9,#0CF,#b9f);-webkit-mask-image: -webkit-radial-gradient(white, black);-webkit-background-clip: text;background-clip: text;color: transparent;}
  h1 {background: url("/template/img/bgs/pastel_rainbow_glitter.png") center center repeat; -webkit-background-clip: text;background-clip: text;color: transparent;}
  .dd summary {color: rgba(187,142,255,0.8)}.queer {text-shadow:none;}
  .contactlist span:first-child {background: #3FF; -webkit-background-clip: text;background-clip: text;color: transparent; text-shadow: 1px 1px rgba(85,0,255,0.7);}
  .trans {background: linear-gradient(to right,#5bcefa 0%,#5bcefa 20%,#f5a9b8 20%,#f5a9b8 40%,#fff 40%,#fff 60%,#f5a9b8 60%,#f5a9b8 80%,#5bcefa 80%,#5bcefa 100%);-webkit-background-clip: text;background-clip: text;color: transparent}
}
@media screen and (min-width: 799px) {.greet,#me{float:left}.greet{margin: 0 7em 0 0}#me{margin-right:3em}.foods col:nth-of-type(2){width:auto}}
@media screen and (min-width: 1350px) {
  #teivaport1 {float: left; margin: 0;}
  @supports (-webkit-mask-image: -webkit-radial-gradient(white, black)) {
    #elysion{float:left;margin: 0 100px 1em 0}
    }
}
.nav_grid span {
  font-weight: normal;
  color: #ccf;
}
details p {margin-bottom: 1.42em}
marquee[behavior="scroll"],#banner,#journal_banner,.wow_spacer {-webkit-mask-image: -webkit-linear-gradient(180deg,transparent 0%, rgba(0, 0, 0, 1.0) 10%, rgba(0, 0, 0, 1.0) 90%, transparent);mask-image: linear-gradient(to right,transparent 0%, rgba(0, 0, 0, 1.0) 10%, rgba(0, 0, 0, 1.0) 90%, transparent);}
.cards ul.attr li,.linklist .column {margin: 0 !important}
@supports (-webkit-mask-image: -webkit-radial-gradient(white, black)) {#elysion img {-webkit-mask-image: -webkit-radial-gradient(circle, black 65%, rgba(0,0,0,0.01) 75%)} #elysion {shape-outside: circle();}}
[tabindex].fit > div {width: auto;}
.white {color: #e4e8fd;}
.b-88 img {height: 31px; width: 88px}
.b-20 img {min-height: 20px; min-width: 150px; max-height: 25px; max-width: 152px}
pre {background: #000;white-space: pre-wrap}
.imglink:-moz-focusring,.prideflags :-moz-focusring {outline: #09f 3px solid} .imglink:focus-visible,.prideflags :focus-visible {outline: #09f 3px solid} input[type=range]:focus {outline: #09f 3px solid}
.bannertile {background: url("/template/logo-clear.svg") repeat, url("/template/img/spacebg.gif") repeat fixed}
.musicbox iframe {background: url("/img/misc/anim/rainbowdisc.gif") center center no-repeat, url("/img/misc/anim/musicnote.gif") center center no-repeat, url("/template/logo-clear.svg") repeat, url("/template/img/spacebg.gif") repeat fixed}
.playlist a {background: transparent; color: #0cf; font-family: monospace}
.banner > * {padding: 0}
.glitter {background: url("/template/img/starglitter.gif") center center fixed repeat}
.bstickers img {width: 250px; height: 40px}
.userboxes img {height: 55px; width: 250px}
.h3 a.name,.h4 a.name {font-size: 15px}
.name,.name h3,.name h4,.artlinks,dl:not([class]):not([tabindex]) > dt {font-size: 1.23em;}
.tiles > * {margin: 0.42em}
.marquee {height:1.42em;position:relative;overflow: hidden;white-space:nowrap;}
.marquee > * {position:absolute;width: 100%;height: 100%;margin: 0;line-height: 1em;text-align: center;}
.rtl,.ltr {-moz-transform: translateX(100%);-webkit-transform: translateX(100%);transform: translateX(100%);}
.rtl {-moz-animation: scroll-left 2s linear infinite;-webkit-animation: scroll-left 2s linear infinite;animation: scroll-left 2s linear infinite;}
/*@-moz-keyframes scroll-left {0% {-moz-transform: translateX(100%);}100% {-moz-transform: translateX(-100%);}}
@-webkit-keyframes scroll-left {0% {-webkit-transform: translateX(100%);}100% {-webkit-transform: translateX(-100%);}}
@keyframes scroll-left {0% {-moz-transform: translateX(100%);-webkit-transform: translateX(100%);transform: translateX(100%);}100% {-moz-transform: translateX(-100%);-webkit-transform: translateX(-100%);transform: translateX(-100%);}}
*/
@keyframes marquee {from {transform: translateX(0);} to { transform: translateX(-100%);}}
@keyframes speen {from {transform: rotate(0deg);} to { transform: rotate(360deg);}}
[aria-label="text shrug emoji"]:after {content: "\00AF\005C\005F\0028\30C4\0029\005F\002F\00AF"; padding-left: 1em}
.foods td:nth-of-type(2) {padding: 0 0.42em}
.text-center,.mini_profiles,#journal_banner,.fullbody {text-align: center}
#journal_banner {margin-top: 3em; background: url("/img/misc/anim/cool_stars.gif")}
#journal_banner strong {background: #000}
.stamps img {max-height: 60px; max-width: 100px}
.b-20 .fix1 {max-height: 36px; max-width: 160px; margin: -10px -8px -7px -6px}
.b-20 .fix2 {min-height: 26px; min-width: 175px; max-height: 26px; max-width: 175px; margin: 2px -10px -5px -15px}
.wow_professions {width: 100%; height: 100%; min-height: 640px; max-height: 100vh; border: #408 1px solid; border-radius: 23px}

/* god i hate safari. if you are still giving apple your money you are actively torturing me pls stop */

/* Safari 11+ */
@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) and (stroke-color:transparent) {
main > section,body > nav > nav,aside > nav {border: #ccf double;border-image-outset: 0;}
  #top,h1,h2,main > section > div.h3 h3,.row h3,.banner h3,main > section > section > div.h3 h3,h4,strong:not([class]),mark,.dd summary,.dd summary:hover,.dd summary:focus,.description p:first-letter,.queer,.pronouns,.artlinks span {background: transparent;-webkit-background-clip: initial;background-clip: initial;color: #0FF;}
  .dd summary {color: #0CF}
  .contactlist span:first-child {background: transparent; -webkit-background-clip: initial;background-clip: initial;color: #33F; text-shadow: 1px 1px rgba(85,0,255,0.7);}
  .trans {-webkit-background-clip: initial;background-clip: initial;color: white;background: transparent}
  }}

/* Safari 10.1 */
@media not all and (min-resolution:.001dpcm){ 
@supports (-webkit-appearance:none) and (not (stroke-color:transparent)) {
main > section,body > nav > nav,aside > nav {border: #ccf double;border-image-outset: 0;}
  #top,h1,h2,main > section > div.h3 h3,.row h3,.banner h3,main > section > section > div.h3 h3,h4,strong:not([class]),mark,.dd summary,.dd summary:hover,.dd summary:focus,.description p:first-letter,.queer,.pronouns,.artlinks span {background: transparent;-webkit-background-clip: initial;background-clip: initial;color: #0FF;}
  .dd summary {color: #0CF}
  .contactlist span:first-child {background: transparent; -webkit-background-clip: initial;background-clip: initial;color: #33F; text-shadow: 1px 1px rgba(85,0,255,0.7);}
  .trans {-webkit-background-clip: initial;background-clip: initial;color: white;background: transparent}
}}

/* Safari 6.1-10.0 (but not 10.1) */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0){ 
@media {
main > section,body > nav > nav,aside > nav {border: #ccf double;border-image-outset: 0;}
  #top,h1,h2,main > section > div.h3 h3,.row h3,.banner h3,main > section > section > div.h3 h3,h4,strong:not([class]),mark,.dd summary,.dd summary:hover,.dd summary:focus,.description p:first-letter,.queer,.pronouns,.artlinks span {background: transparent;-webkit-background-clip: initial;background-clip: initial;color: #0FF;}
  .dd summary {color: #0CF}
  .contactlist span:first-child {background: transparent; -webkit-background-clip: initial;background-clip: initial;color: #33F; text-shadow: 1px 1px rgba(85,0,255,0.7);}
  .trans {-webkit-background-clip: initial;background-clip: initial;color: white;background: transparent}
}}