/* looking at my code are you? i hope you ~enjoy~ my write-only CSS <: */

*{-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: "darnassian";src: url("/template/fonts/DarnassianRunes-Regular_2.woff") format("woff"), url("/template/fonts/DarnassianRunes-Regular_2.ttf") format("truetype")}
@font-face {font-family: "journal";src: url("/template/fonts/journal.woff") format("woff"), url("/template/fonts/journal.ttf") format("truetype")}
@font-face {font-family: "pixel";src: url("/template/fonts/RoentgenNbp.woff") format("woff"), url("/template/fonts/RoentgenNbp.ttf") format("truetype")}
@font-face {font-family: "pixel-small";src: url("/template/fonts/smallest_pixel-7.woff") format("woff"), url("/template/fonts/smallest_pixel-7.ttf") format("truetype")}
@font-face {font-family: "nightsky";src: url("/template/fonts/nightsky.woff") format("woff"), url("/template/fonts/nightsky.ttf") format("truetype")}
@font-face {font-family: "shalassian";src: url("/template/fonts/ShalassianFont-Regular.woff") format("woff"), url("/template/fonts/ShalassianFont-Regular.ttf") format("truetype")}
@font-face {font-family: "starshine";src: url("/template/fonts/starshine.ttf") format("truetype")}
@font-face {font-family: "wizardry";src: url("/template/fonts/wizardry.ttf") format("truetype")}
@font-face {font-family: "stamp";src: url("/template/fonts/stamp.ttf") format("truetype")}
@font-face {font-family: "thalassian";src: url("/template/fonts/Thalassian_Font.woff") format("woff"), url("/template/fonts/Thalassian_Font.ttf") format("truetype")}
@font-face {font-family: "typewriter";src: url("/template/fonts/typewriter.ttf") format("truetype")}
html {font-size: 1em;font-family: Verdana,Geneva,sans-serif;cursor: url("/template/img/ddr.png"),auto;color: #ccf;scrollbar-color: #206 #000; background: #000}
html, body {overflow-x: hidden}
a {cursor: url("/template/img/ddr_alias.png"),alias;}
a:not(.imglink) {color: #0ff}
a:not(.imglink):hover,a:not(.imglink):active,a:not(.imglink):focus {color: #fff}
.imglink {display: inline-block}
img:not(.interactable),hr,.disabled {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;}
img.emoji {max-height: 1em !important}
img.pixel,.pixel img,.main_illustration {-ms-interpolation-mode: nearest-neighbor;image-rendering: -moz-crisp-edges;image-rendering: -o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: pixelated;}
hgroup.c {text-align: center}
.disabled {cursor: not-allowed}
.main_illustration,.mini_profiles img,.mini_profiles a,.mini_profiles small {display: block}
.main_illustration {max-width: 100%; height: auto; margin: 0 auto}
.sidebar {float: left}
nav.sidebar ul li {display: block}
nav.sidebar ul li:before {content: ""; margin: 0}
nav.sidebar h2 {font-size: 1em}
.info_grid {text-align: center; margin-top: 0.5em}
.info_grid > * {text-align: left; display: inline-block; width: 100%; height: 300px; max-width: 375px; overflow-y: auto; overflow-x: hidden; border: #0ff 1px dotted; border-radius: 1em; margin: 0.5em; background: url("/template/img/spacebg.gif") 0 0 repeat fixed}
.mini_profiles,.webrings,nav.main {text-align: center}
.mini_profiles > div > div > img {margin: 0 auto; border-radius: 50%}
.mini_profiles [aria-label] {background: url("/img/misc/anim/bg18_2.gif") center center repeat}
.mini_profiles .alt[aria-label] {background: url("/img/misc/anim/bg18_2.gif") top right repeat}
.mini_profiles > div {margin: 5px; display: inline-block}
.mini_profiles > div > div > img {height: 197px;width:195px; border: 0;margin-top: 3px}
.mini_profiles > div > div {position:relative}
.mini_profiles > div > div:after {display: block;content: url("/template/img/circleborder_200px1_2.png"); position: absolute; height: 100%; width: 100%; margin: 0 auto; top: 0; left: 0}
.mini_profiles > div > div[aria-label]:after {display: block;content: url("/template/img/circleborder_200px_fav.png"); position: absolute; height: 100%; width: 100%; margin: 0 auto; top: 0; left: 0}
.mini_profiles > div > div.altvar:after {display: block;content: url("/template/img/circleborder_200px_var.png"); position: absolute; height: 100%; width: 100%; margin: 0 auto; top: 0; left: 0}
.kb,.sr {top:-9999px;left:-9999px;position: absolute;overflow: hidden; height: 0px; width: 0px}
summary {cursor: url("/template/img/ddr_help.png"), help}
.clearfix {content: "";white-space:pre;display: table;clear: both}
[aria-label="/shrug"]:after {content: "\00AF\005C\005F\0028\30C4\0029\005F\002F\00AF"; padding: 0 0.42em}
[aria-label="/shrug"]:after, i.emote,s,.de-em,small {color: #99f}
nav.main li,ul.focused li,ul.socials li,main > nav ul li {display: inline}
.webrings li {display: inline-block}
nav.main li+li:before, ul.focused li+li:before,ul.socials li+li:before,main > nav ul li+li:before {content: "\1F30C "; margin: 0 0.5em}
p+p {margin-top: 1em}
div.main {text-align: left; margin: 2em 15%}
.banner {width: 100%; height: auto; display: block}
ul.focused,ul.socials,main > nav ul,footer {text-align: center}
ul {list-style-type: none}
ul.focused {font-size: 125%; color: #99f}
ul.socials {margin-bottom: 1em}
main > nav ul {text-align: left}
footer {clear: both; margin-top: 1em;font-size: 0.8em}
.buttons img {max-width: 100%; height: auto}
.content {padding: 1em}
.pinboard {margin-top: 2em}
.bstickers img {width: 250px; height: 40px}
.userboxes img {height: 55px; width: 250px}
.stamps img {max-height: 60px; max-width: 100px}
.buttons {text-align: center;}
.b-88 img {height: 31px; width: 88px}
.b-20 img {min-height: 20px; min-width: 150px; max-height: 25px; max-width: 152px}
.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}
@media screen and (min-width: 750px) {
  .pinboard {
  /*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;}
}
@media screen and (min-width: 1000px) {
.pinboard {
  -webkit-column-count: 3;
  -moz-column-count:    3;
  column-count:         3;}
}
@media screen and (min-width: 1250px) {
.pinboard {
  -webkit-column-count: 4;
  -moz-column-count:    4;
  column-count:         4;}
}
.float {float: left}
ul.prideflags {text-align: center; margin-bottom: 2em}
ul.prideflags li {display: inline}
ul.prideflags img {height: 23px; border: #0cf 1px solid}
ul.prideflags .main img {height: 50px}
.pinboard p,.pinboard > div > ul {padding: 1em}
.pinboard q {color: #fff}
.pinboard > div > img,.pinboard > div > a > img {width: 100%; height: auto}
details summary,.pinboard > div > ul,.pinboard p {list-style-type: none; background: url("/template/img/spacebg.gif") repeat 0 12px}
details summary:before {display: inline-block; width: 1em; height: 1em; margin-right: 5px; content: ""; background: url("/template/img/emoji/ddr/ddr-arrow-right.png") no-repeat 0 0; background-size: 100%;}
details[open] summary:before {display: inline-block; width: 1em; height: 1em; margin-right: 5px; content: ""; background: url("/template/img/emoji/ddr/ddr-arrow-down.png") no-repeat 0 0; background-size: 100%;}
@media screen and (prefers-reduced-motion: no-preference) {
 details summary:before {display: inline-block; width: 1em; height: 1em; margin-right: 5px; content: ""; background: url("/template/img/emoji/ddr/ddr-arrow-right.gif") no-repeat 0 0; background-size: 100%;}
 details[open] summary:before {display: inline-block; width: 1em; height: 1em; margin-right: 5px; content: ""; background: url("/template/img/emoji/ddr/ddr-arrow-down.gif") no-repeat 0 0; background-size: 100%;}
 [aria-label="new"]:after {content: url("/template/img/new.gif")}
}