*{
  -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');
}
html,div[aria-label="tags"],article time,.cards i {
  font-size: 10px;
  font-family: Verdana,Geneva,sans-serif;
}
body {
  font-size: 12px;
  overflow-x: hidden;
}
header > span,.pronouns,h1,h2,caption,.menulabel,main > div > :first-child,nav > span {
  font-family: 'title',Verdana,cursive;
}
header > span,main > div > :first-child,nav > span {
  font-style: bold;
}
img,hr,.disabled {
  pointer-events:none;
}
a > img {
  pointer-events: auto;
}
.g:after,.r:after,.gr:after,.cards p {
  font-size: 11px;
}
.pronouns {
  font-size: 42px;
}
#me p:first-of-type {
  font-size: 17px;
}
a,.tabs label:hover {
  cursor: alias;
}
.disabled:after {
  content: "🛇";
  color: red;
  padding-left: 0.87em;
}
main ul li {
  margin-left: 2em;
}
li {
  margin:1px 0;
}
nav,#wishlist a,.cards span,#me p {
  font-size: 14px;
}
.name,.artlinks {
  font-size: 15px;
}
nav li span,.pronouns,.cards span,.artlinks span {
  font-weight: bold;
}
header,body > nav,main,footer,nav a,#censorpanda,.cards .portrait,small,.cards a {
  display: block;
}
table img {
  vertical-align:center;
}
p,[aria-label="tags"] {
  text-indent: 0;
  text-align:justify;
}
table {
  border-spacing: 0 1px;
  width:100%;
  overflow-x:auto;
}
header ul[id] li {
  text-align: left;
  text-indent: 1em;
}
header ul[id] ul li,nav li ul {
  text-indent: 2.23em;
}
.music tbody tr td:nth-child(n+4),figure,nav > span,.cards > div,#me p:first-of-type {
  text-align:center;
}
header,li[tabindex],div[tabindex],.gallery figure,.portrait {
  position: relative;
}
li[tabindex],div[tabindex],.cards > div,[aria-label="tags"] a,.artlinks a,.artlinks span,small {
  display: inline-block;
}
li small {
  display: inline;
}
header,thead,tfoot {
  position: -webkit-sticky;
  position: sticky;
}
header, thead {
  top: 0;
}
tfoot {
  bottom: 0;
}
thead,tfoot {
  z-index: 1;
}
header {
  z-index: 2;
}
header > span {
  font-size:2.23em;
}
footer img {
  height: 35px;
}
li[tabindex],main nav li {
  padding: 0 0.42em;
}
li[tabindex] > a,main nav li,.writing article > a:first-of-type,#wishlist a,.artlinks span {
  padding: 0 2em;
}
ul[id],div[tabindex] div {
  top: -9999px;
  position: absolute;
  opacity: 0;
  transition: opacity 0.42s;
  transition-timing-function: ease-out;
}
ul[id] {
  min-width: 200px;
  padding: 1em 0;
  overflow-x: auto;
  margin-left: -100px;
}
ul[id],.prideflags [tabindex] div {
  left: 50%;
}
ul[id],.tableholder {
  padding: 1em 0;
}
li[tabindex]:focus-within > ul,div[tabindex]:focus-within div {
  top: 100%;
  opacity: 1;
}
li[tabindex]:hover > ul,li[tabindex]:active > ul,li[tabindex]:focus > ul,div[tabindex]:hover div,div[tabindex]:active div,div[tabindex]:focus div {
  top: 100%;
  opacity: 1;
}
li[tabindex]:hover > ul,li[tabindex]:active > ul,li[tabindex]:focus > ul {
  z-index: 10;
}
li[tabindex]:focus-within > ul {
  z-index: 10;
}
main,body > nav {
  margin: 1% 8%;
}
footer {
  margin: 1% 25%;
}
.headermenu span {
  padding: 0 25px;
  margin: 3px;
}
main > div > h1:not(:first-of-type),h2 {
  margin-top: 1%;
}
.logo,.logo_corner {
  fill: none;
  stroke-linejoin:round;
  margin: 0.42em 2em 0.42em 1em;
}
.logo {
  width: 100px;
  height: 100px;
  margin: 0.42em 2em 0.42em 1em;
}
.logo_over {
  stroke-width: 3;
}
.logo_under {
  stroke-width: 5;
}
.logo_corner {
  height: 42px;
  width: 42px;
}
.logo,#teivaport1,#wowport1 {
  float: left;
}
main > div,footer > div,body > nav > nav {
  border-radius:23px;
  margin-bottom: 7px;
}
nav[aria-label="side menu"] ul {
  border-radius: 0 0 23px 23px;
}
main > div > :first-child,nav > span {
  border-radius:23px 23px 0 0;
  display: block;
}
main > div > :first-child {
  text-indent:42px;
  margin: 0 -24px 1em;
  position: relative;
  zoom: 1;
}
h1 {
  font-size:23px;
}
main > div > :first-child,nav > span,h2,.menulabel,caption {
  font-size:20px;
}
caption,.cards p {
  text-align:left;
}
caption {
  margin: 0 1.23em;
}
summary {
  margin: 3px 0;
  padding: 0.25em;
}
main > div {
  padding: 0 2em 2em;
}
footer > div {
  padding: 1em;
}
/*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;
}/**/
dfn,abbr {
  font-style:normal;
}
dfn:hover,abbr:hover,div[tabindex] :first-child:hover,summary:hover,.spoiler:hover {
  cursor: help;
}
.break {
  page-break-after: always;
}
.spoiler {
  font-style: normal;
  text-decoration: none;
  background: #000;
  color: #000;
}
.spoiler:hover,.spoiler:active,.spoiler:focus {
  font-style: normal;
  color: #ccf;
}
.emoji {
  height: 2em;
}
.tableholder {
  overflow-x:auto;
  width:95%;
}
.tableholder,#censorpanda,.cards .portrait {
  margin: 0 auto;
}
.music a:link {
  display:block;
}
.music th:nth-of-type(-n+3) {
  text-align:left;
  min-width: 200px;
  width:28%;
}
.music th:nth-of-type(n+4) {
  width:8%;
  max-width: 100px;
}
.music tr,th,td {
  padding: 0.3em 2em;
}
.music th:nth-of-type(-n+3):hover,.poketable th:nth-of-type(3):hover,.poketable th:nth-of-type(4):hover {
  cursor: pointer;
}
[aria-label="male"],[aria-label="female"],[aria-label="shiny"],[aria-label="trans"] {
  white-space: pre-wrap;
}
[aria-label="male"]:after {
  content: "♂";
  color: #3cf;
}
[aria-label="female"]:after {
  content: "♀";
  color: #f6c;
}
[aria-label="shiny"]:after {
  content: "★";
  color:red;
}
[aria-label="trans"]:after {
  content: "⚧";
  color: #96f;
}
.big_link:before {
  content: "[\00A0\00A0\00A0";
}
.big_link:after {
  content: "\00A0\00A0\00A0]";
}
.poketable th {
  text-align:left;
}
.poketable tr {
  padding: 2em 0;
}
.poketable th,td {
  padding: 0 0.5em;
  vertical-align:middle;
}
.poketable th:nth-of-type(1):nth-of-type(2):nth-of-type(5) {
  text-align:center;
}
.poketable th:nth-of-type(3) {
  min-width:12em;
}
.poketable th:nth-of-type(4) {
  min-width: 13em;
}
.poketable th:nth-of-type(6) {
  min-width: 5.5em;
}
.poketable th:nth-of-type(7),.column,.artlinks {
  width: 100%;
}
.poketable a {
  display:block;
  background:rgba(0,0,0,0);
  font-weight:normal;
}
.poketable thead,.cards span,.name+small,.cards p,#herbalism div {
  margin-bottom: 0.5em;
}
.column small:first-of-type {
  margin-bottom: 0.78em;
}
.description p:first-child {
  padding-bottom: 2em;
}
.description p {
  font-style: italic;
  font-size:123%;
}
.description p,#me p {
  margin-top: 1em;
}
.description p::first-letter {
  font-size:175%;
  font-family: 'title', sans-serif;
}
.description p:first-child::first-letter {
  font-size:250%;
  font-family: 'title', sans-serif;
}
.description figure,#espurrid,#wowport1 {
  display:inline;
  max-width:100%;
  height:auto;
}
#wowport1 {
  min-width: 250px;
  margin:0 1em 0 1em;
}
#espurrid {
  pointer-events: none;
}
.focus,#silver_pride {
  text-align: center;
}
#silver_pride > div {
  margin: 0 2% 1.89em;
}
#silver_pride > div:last-of-type {
  margin-bottom: 0;
}
#silver_pride > div img {
  width: 175px;
  margin: 0 0.77em 0.77em 0;
  border: 1px #ccf solid;
}
#silver_pride p {
  text-align: center;
  margin: 0 12%;
  font-size: 123%;
}
.fav li:before {
  content: "💜";
  color: #86e;
  margin: 0 -1.77em;
}
.yes li:before {
  content: "✓";
  color: #0F0;
  margin: 0 -1.59em;
  font-weight:bold;
}
.maybe li:before {
  content: "!";
  color: #FB0;
  margin: 0 -1.12em;
  font-weight: bold;
}
.no li:before {
  content: "✘";
  margin: 0 -1.42em;
  color: red;
}
aria-label["ooc"]:before {
  content:"(( ";
}
aria-label["ooc"]:after {
  content:" ))";
}
.cards .portrait {
  border-radius:50%;
  height: 100px;
}
.artlinks {
  margin: 2em auto;
  text-align: center;
}
.artlinks a {
  width: 70%;
  min-width: 12em;
}
.artlinks span {
  width: 30%;
  min-width: 9em;
  text-align: right;
}
.g:after {
  content: " (G)";
}
.r:after {
  content: " (R)";
}
.gr:after {
  content: " (G)(R)";
}
.tlink td:first-child a {
  text-indent: 3%;
  display: block;
  height:100%;
}
.writing article,.name {
  margin-top: 0.87em;
}
img[src="/img/div.png"] {
  display: block;
  margin: 2em auto;
  max-width: 100%;
  height: auto;
}
.gallery figure {
  display: inline-block;
  width: 230px;
  height: 230px;
  overflow: hidden;
  margin-top: 1em;
}
.gallery figure+figure {
  margin-left: 1em;
}
.gallery figure img {
  max-width: 220px;
  max-height: 220px;
  margin: 5px;
}
.imglink img:hover,.gallery .nsfw:hover {
  filter: brightness(112%);
}
.gallery .nsfw img {
  filter: blur(12px);
}
.gallery figcaption {
  font-size: 1rem;
}
.favorite:before {
  content: "🌟";
  font-size: 23px;
  position: absolute;
  left: 0;
  bottom: 0;
  margin: -10px -10px 0 0;
  z-index: 1;
}
.spaced a {
  white-space: pre;
}
.prideflags {
  text-align: center;
  margin: 0.77em 10% 1em;
}
.prideflags img {
  border: 1px solid white;
}
.tabs,.cards {
  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;
}
.cards {
  align-content: center;
  justify-content: center;
}
.cards > div {
  width: 230px;
  margin: 1em;
  padding: 0.7em;
}
.tabs {
  margin: 2em 0;
}
.tab {
  border-radius: 0 0.42em 0.42em;
}
.tabs label {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  display: block;
  padding: 0.23em 1em;
  margin-right: 0.2rem;
  font-weight: bold;
  border-radius: 0.42em 0.42em 0 0;
}
.tabs .tab {
  -webkit-box-ordinal-group: 100;
  -webkit-order: 99;
  -ms-flex-order: 99;
  order: 99;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 100%;
  display: none;
  padding: 1em;
}
.tabs input[type="radio"] {
  zoom: 1;
  position: absolute;
  filter: alpha(opacity=0);
  opacity: 0;
}
.tabs input[type="radio"]:checked + label + .tab {
  display: block;
}
.stats-pkmn {
  max-width: 500px;
	padding: 0.23em;
}
.stats-pkmn th {
  width: 15%;
  padding: 1%;
  margin: 0;
}
.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;
}
.stats-pkmn td:nth-of-type(2) {
  width: 7%;
  padding-top: 2em;
}
.stats-pkmn table tr:nth-of-type(3) {
  border: 1px white dotted;
}
.stats-pkmn tbody {
  text-align: center;
  vertical-align: text-bottom;
}
.em {
  font-size: 125%;
}
.spaced > li+li:before {
  content: "🌌";
  padding: 0 1em;
}
.writing article > a:first-of-type {
  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,li[tabindex]:focus-within,div[tabindex]:focus-within {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track,input[type=range]::-moz-range-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
}
div[tabindex] div {
  min-width: 250px;
  text-align: left;
  font-size: 0.9em;
  padding: 1em;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
}
ul li em {
  font-style: normal;
}
ul li {
  list-style-type: none;
  overflow: visible;
}
main ul:not(.spaced) li {
  padding: 0;
  position: relative;
}
ul:not(.spaced) li:before {
  position: absolute;
  top: 0;
}
main ul:not(.fav):not(.yes):not(.maybe):not(.no):not(.spaced):not(.artlinks) li:before {
  content: "✹";
  margin: 0 -1.5em;
}
main li {
  padding-bottom: 3px;
}
.column,.cards,.artlinks {
  margin: 1em 0;
}
footer div {
  font-size: 10px;
  font-size: 0.9em;
  margin: 0 auto;
}
.fourcol {
  display:block
}
header,footer div,.focus {
  text-align: center;
}
.spaced {
  margin: 0.87em 8.5%;
  text-align: center;
}
.spaced li {
  display: inline-block;
  padding: 0;
  margin: 0 0 7px;
}
.spaced a:before,.spaced a:after {
  content: "\00A0\00A0\00A0\00A0\00A0\00A0\00A0";
}
.pixel {
  -ms-interpolation-mode: nearest-neighbor;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: pixelated;
}
.svgicon {
  height: 1.87em;
}
.youtube {
  background: radial-gradient(1em 1em at 50% 50%, white 50%, transparent 50%);
}
#herbalism div:after {
  content: "";
  display: table;
  clear: both;
}
#herbalism div img {
  float: left;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 0.42em;
}
@media screen and (max-width:768px) {
  .tlink td {
    display: block;
  }
  .tlink td:nth-of-type(1) {
    text-align:center;
  }
  .tlink td:nth-of-type(2) {
    padding-bottom: 1em;
  }
  #wowport1 {
    float:none;
    margin: 0;
  }
}
@media screen and (max-width:1000px) {
  body > nav {
    text-align:center;
  }
  .logo {
    display:none;
  }
  body > nav li {
    display: inline-block;
    padding: 3px 7px;
    margin: 0 2px;
  }
  .tabs .tab, .tabs label {
    -webkit-box-ordinal-group: NaN;
    -webkit-order: initial;
    -ms-flex-order: initial;
    order: initial;
  }
  .tabs label {
    width: 100%;
    margin-right: 0;
    margin-top: 0.2rem;
    border-radius: 0.42em;
  }
  .tabs input[type="radio"]:checked + label {
    border-radius: 0.42em 0.42em 0 0;
    border-bottom: 0;
  }
  .tab {
    border-radius: 0 0 0.42em 0.42em;
    border-top: 0;
  }
}
@media screen and (min-width: 500px) {
  #silver_pride > div:after {
    content: "";
    display: table;
    clear: both;
  }
  #silver_pride {
    text-align: left;
  }
  #silver_pride > div img {
    float: left;
  }
}
@media screen and (min-width: 1000px) {
  html,body {
    min-height: 100%;
  }
  main,body > nav {
    margin: 0;
  }
  body {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 200px auto 200px;
    -ms-grid-template-columns: 200px auto 200px;
    grid-template-rows: auto auto 100px;
    -ms-grid-template-rows: auto auto 100px;
    grid-gap: 1em;
    -ms-grid-gap: 1em;
  }
  header {
    grid-column: 1 / span 3;
    -ms-grid-column: 1 / span 3;
      grid-gap: 0;
    -ms-grid-gap: 0;
    text-align: left;
  }
  body > nav:first-of-type {
    grid-column-start:1;
    -ms-grid-column-start:1;
    grid-row-start:2;
    -ms-grid-row-start:2;
  }
  main {
    grid-column: 2;
    -ms-grid-column: 2;
    grid-row-start: 2;
    -ms-grid-row-start: 2;
  }
  footer {
    grid-column: 1 / span 3;
    -ms-grid-column: 1 / span 3;
    grid-row-start: 3;
    -ms-grid-row-start: 3;
    margin: 0 auto;
  }
  header > span {
    display:block;
    font-size: 42px;
    margin-left: 0.42em;
  }
  .row:after {
    content: "";
    display: table;
    clear: both;
  }
  .column {
    float: left;
  }
  .threecol {
    width: 30%;
    padding: 0.7em;
  }
  ul[id] {
    left: 0;
    margin-left: 0;
  }
  .tlink td:first-child {
    min-width: 230px;
    width:20%;
    vertical-align: text-top;
  }
  nav[aria-label="side menu"] > ul {
    padding: 1em 0;
    text-align: left;
    text-indent: 1em;
  }
}
@media screen and (min-width: 1200px) {
  .fourcol {
    width: 25%;
    padding: 0.5em;
  }
  .artlinks {
    width: 80%;
  }
}