/*
-------------------------------------------------------------------------------------------------------
CSS by Stitch
https://liloandstit.ch/
-------------------------------------------------------------------------------------------------------
*/

/*

========================================= THESE IMPORTS ARE BASE64 TO ITALICIZE CERTAIN TEXT STRINGS

*/
@import url(data:text/css;base64,I3ZpZXdGcmllbmRzIGI+YXtmb250LXN0eWxlOml0YWxpYyFpbXBvcnRhbnR9);
@import url(data:text/css;base64,I3NNc2cgew0KICAgIGZvbnQtc3R5bGU6IGl0YWxpYyAhaW1wb3J0YW50Ow0KfQ0KI2FkZCB7DQogICAgZm9udC1zdHlsZTogaXRhbGljICFpbXBvcnRhbnQ7DQp9);
/* add text string libra */
@import url(data:text/css;base64,I2NvdW50cnk6YmVmb3JlIHsNCiAgICBjb250ZW50OiAiTGlicmEiOw0KICAgIGZvbnQtc2l6ZTogMTVweDsNCiAgICBwb3NpdGlvbjogYWJzb2x1dGU7DQogICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDNweCkgdHJhbnNsYXRlWSgxNnB4KTsNCn0NCi5zaG9ydFJpZ2h0IGRpdltzdHlsZT0iZm9udC1zaXplOnNtYWxsO21hcmdpbi10b3A6MTBweDsiXSB7DQogICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDE2cHgpOw0KICAgIG1hcmdpbi1ib3R0b206IDE1cHg7DQp9);

/* ============== VARIABLES FOR EASY UPDATING OF VARIOUS ELEMENTS */
:root {
    --pointer-cur: 
            url("https://smolyoshino.lol/myspace/zoey/pointer.png"),
            url("https://zoey.has-no-bra.in/MKmBZv.png"),
	    url("https://www.windows93.net/c/sys/cursors/pointer.cur"),
	    pointer;
    --default-cur:
            url("https://smolyoshino.lol/myspace/zoey/default.png"),
            url("https://zoey.has-no-bra.in/M11VKa.png"),
            url("https://www.windows93.net/c/sys/cursors/default.cur"),
            default;
    --album-art: url(https://liloandstit.ch/dim.jpg), url(https://stitch.has-no-bra.in/5UViKrLwG.jpeg);
    --wallpaper: url(https://smolyoshino.lol/myspace/zoey/night-time-stitch.png), url(https://stitch.has-no-bra.in/HzzHPz.png);
    --wpblur: url(https://smolyoshino.lol/myspace/zoey/night-time-stitch-distort.png), url(https://stitch.has-no-bra.in/mF6gyX.png);
    --zgreen: #6ac6e0; /* actually sblue but i'm not var-renaming lmao */
    --preloadCol: #002152;
    --darkCol: #00000040;
}

.topRight.blogPost {
    margin-top: 520px !important;
    margin-bottom: 20px !important;
}
.blogBody .topLeft {
    margin-top: 520px!important;
}
.blogBody #container {
    display: block;
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
}
.blogBody .topLeft, .blogBody .topRight {
    display:block;
}
.blogBody .blogCard {
    width: calc( 25% - 20px ) !important;
}
.blogBody .topLeft {
    float: left;
    width: calc( 40% - 20px ) !important;
    padding: 10px;
}
.blogBody .topRight {
    float: right;
    width: calc( 60% - 20px ) !important;
    padding: 10px;
}
.blogTitle {
    position:fixed;
    top:12px;
    width:calc(100% - 20px);
    left:0;
}

html{width:100%;height:100%;}
body{
    display:flex;
    width:100%;height:calc(100% - 73px);
    justify-content:center;align-items:center;
}
#container {
    display: grid;
    grid-template-areas:
        "a b"
        "c c";
    row-gap:0;
    column-gap: 24px;
    max-width:90%;
    /*width:100%;*/
}
.blogBody #container {
    width:100%!important;
}
.topLeft {
    grid-area: a;
    width:100%;
    display:flex;
    flex-direction:column;
    justify-content: center;
    padding:12px;
    text-align:center;
}
.boxInfo.box > a > * { background-image: none!important; }
.topRight {
    grid-area: b;
    display: grid;
    grid-template-areas:
        "a b"
        "c d"
        "e f";
    gap: 12px;
    width:100%;
    align-items: center;
}
body:not(.blogBody) #userWall { max-width:443px; height: 532px;}
body:not(.blogBody) input[value="Delete"] {
    position: absolute;
    top: 18px;
    right: -4px;
}
.box.comments textarea, .box.comments form input:last-of-type{
    color:white;
    background:transparent;
    border:0;
}
.box.blurbs {
    grid-area:c;
    padding:12px;
}
.box.fwiends {
    grid-area:b;
    padding:12px;
}
.extended.box {
    grid-area:a;
    padding:12px;
}
.box.comments{
    grid-area:b/d/f;
    padding:12px;
}
.tableLeft img{
    max-width:128px;
}
.fwiendFace{
    width:164px;
}
.songName a img {filter:invert(1);}
body::before {
    content: "";
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width:100%;height:100%;
    background-image: url(https://insano.wang/1.gif);
    background-attachment: fixed;
    background-position: center;
    background-size: contain;
    z-index: -420;
    /* animation: ScanlineAnimationLeft 2s linear infinite; */
    pointer-events: none;
    opacity: .10;
    image-rendering: pixelated;
}
html,body{margin:0;}
#footer > *{
    position:fixed;
    right:0;
    bottom:0;
}
@media screen and (max-width:1980px) {
    .fwiendFace{
        width:96px;
    }
    .tableLeft img{
        max-width:96px;
    }
}
@media screen and (max-width:1500px) {
    .topRight {
        display:block;
        float: right;
        width: calc( 60% - 20px );
        padding: 10px;
    }
    .topLeft {
        float: left;
        width: calc( 40% - 20px );
        padding: 10px;
        display:block;
    }
    #container {
        max-width: 1024px;
        margin-left: auto;
        margin-right: auto;
        display:block;
    }
    html,body{
        display:block;
    }
    #footer>*{position:initial;}
    .tableLeft img{
        max-width:100%;
    }
    .fwiendFace{
        max-width: 25%;
        width: calc( 24% - 6px );
    }
}






#container {
    margin-top:-20px;
}




/* =============================== SCROLLBAR + SEL TEXT */
::-webkit-scrollbar-thumb {
    background-color: #0080ff80;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #0080ff;
}
::-webkit-scrollbar-thumb:active {
    background-color: #00ffff;
}
::-webkit-scrollbar {
/*    background-color: #1e1e1e !important;*/
    background-color: var(--darkCol) !important;
}
::-moz-selection {
  color: #00aaff;
  background: #004080;
}
::selection {
  color: #00aaff;
  background: #004080;
}

/* i'm autism !!! */
/*#imgPreview img {
    content: url("https://myspace.f46n.org/res/discord/attachments/905289584433299476/1067593657731002449/GAGEAUTISMFUCKIMGPHONEBACKGROUN_DRAFTV2.png");
}*/
#imgPreview img {
    content: url("https://myspace.f46n.org/res/discord/attachments/422440665486721035/1177771634078257172/chaos_boop_-_Untitled184_20230615043359.png");
}
#about a:hover {
    text-decoration: underline !important;
}

#online {
    filter: sepia(1) hue-rotate(198deg);
}

/* ============= ANIMATIONS */
@keyframes ScanlineAnimationLeft {
    0% {
        transform: translateX(0px) translateY(0px);
    }
    100% {
        transform: translateX(-32px) translateY(-32px);
    }
}
@keyframes ScanlineAnimationRight {
    0% {
        transform: translateX(0px) translateY(0px);
    }
    100% {
        transform: translateX(32px) translateY(-32px);
    }
}


/* ============================ ALBUM ART AFTER PLAYER */
.player::after {
    content: "";
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 20px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    width: 250px;
    height: 250px;
    background-size: 100% 100%;
    background-image: var(--album-art);
    image-rendering: pixelated;
    image-rendering: -moz-crisp-edges;
}
/* disclaimer about file tampering */
/*.songName:after {
    content: "this mp3 has been heavily edited, an original mp3 is linked on my profile songs blog. you can thank the 8mb file-size limit for this.";
    font-size: 12px;
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
}*/
/* this css is only kept around if a song name has characters that windows doesnt support */
.song__title {
    font-size: 0px;
}
.song__title:after {
    /*font-size: 10px;*/
    font-size:small;
    content: "strqo - DIM (https://soundcloud.com/strqo/dim)";
}
/*span.songTitle:before {
    content: "RobotFingers, NaveIsDead - ";
    font-size: 12px;
}*/


/* ======================= PFP CREDIT */
.shortRight::before {
    /*content: "pfp by ribera on deviantart";*/
    /*content: "pfp by c3l3ry4 on instagram";*/
    content: "ty for looking at my page <3";
    font-size: 10px;
    position: absolute;
    transform: translatey(-14px) translatex(-96px);
    width: 200px;
}


/* ======================= INFOBOX */
.boxInfo {
    padding-left: 0px !important;
    text-transform: lowercase;
    margin-top: 0px !important;
}

/* ================= MAIN BODY STYLING */
a {
  color: #fff !important;
  text-decoration: none !important;
}
*, #age, #gender, #gender:hover:after, #lastLogin:after, #hSub a, #hUp a:after, button, .blogTitle div button, .tableRight button {
    font-family: "MS PGothic", "Meiryo", メイリオ, "Hiragino Kaku Gothic ProN", ヒラギノ角ゴ Pro W3, courier, monospace !important;
}
.topLeft .uName {padding-bottom:5px;}
.blogCorpus h1 { padding-top: 5px; padding-bottom: 5px;}
.topRight .rightHead {padding-bottom:5px;}
body {
    background-image: var(--wallpaper);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color: var(--preloadCol);
    color: #fff !important;
    font-family: "MS PGothic", "Meiryo", メイリオ, "Hiragino Kaku Gothic ProN", ヒラギノ角ゴ Pro W3, courier, monospace !important;
    -webkit-animation: fadeIn 4s forwards;
    animation: fadeIn 4s forwards;
    image-rendering: pixelated;
    image-rendering: -moz-crisp-edges;
}
.blogBody {
    animation: none !important;
}
/* THIS IS TO MAKE THE FANCAM THING 512x512 */
.blurbs > #who > p > iframe {
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 512px;
	height: 512px;
        border: 0;
}
/* remove video url after the embed */
.blurbs > #who > p > a[href="https://www.youtube.com/watch?v=otALAwD3kwo"] {
    display: none;
}
/* DIVIDERS IN ABOUT */
#about img[src="https://liloandstit.ch/divvy.png"] {
    height: 2px;
    width: 100%;
}
/* and blog */
.blogCorpus img[src="https://liloandstit.ch/divvy.png"] {
    height: 2px;
    width: 100%;
}
#header {
    font-family: "MS PGothic", "Meiryo", メイリオ, "Hiragino Kaku Gothic ProN", ヒラギノ角ゴ Pro W3, courier, monospace !important;
    color: #fff !important;
    border-bottom: 2px solid var(--zgreen) !important;
}
.blurbs, #top, #box, .box, #header {
    color: #fff !important;
    padding-right: 2px;
    padding-left: 3px;
    padding-top: 3px;
    padding-bottom: 2px;
    background-color: var(--darkCol);
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
button {
    color: white !important;
    padding-right: 2px;
    padding-left: 3px;
    padding-top: 3px;
    padding-bottom: 2px;
}
.blogCorpus h1 {
    background: var(--darkCol);
    padding-left: 8px;
}
.rightHead, .boxHead {
    background: var(--darkCol) !important;
    color: #fff !important;
}
/* ===================== blog header */
.blogTitle {
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid var(--zgreen);
    background-image: var(--wpblur);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color: var(--preloadCol);
    image-rendering: pixelated;
    image-rendering: -moz-crisp-edges;
}
.blogTitle h2 a {
    font-size: 0px;
    float: left;
    margin-top: 3px;
}
.blogTitle h2 a:after {
    font-size: 21px;
    font-weight: bold;
    content: "stitch's blog";
    background: var(--darkCol);
    margin-left: -3px;
    padding-left: 12px;
    padding-right: 12px;
}
/* ====== NO FOOTER AND OTHER MISC THINGS */
#footer {
  display: none;
}
#sMsg {
    text-transform: uppercase;
}
#add {
    text-transform: uppercase;
}
/* ========= FRIENDS SECTION */
#viewFriends {
    margin-top: -38px;
    margin-bottom: 10px;
    text-align: right;
}
#viewFriends b>a {
    text-transform: uppercase;
}
#top {
    opacity: 0;
    display: none;
}
.fwiendCount {
    color: #fff !important;
}
.fwiendFace img {
  display: none;
}
/* ================ topLeft AND topRight RELATED */
.topLeft, .topRight {
    margin-top: 69px;
    background-image: var(--wpblur);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color: var(--preloadCol);
    image-rendering: pixelated;
    image-rendering: -moz-crisp-edges;
    margin-bottom:0!important;
}
/* ============== USERINFO RELATED */
.boxButton {
    color: #fff !important;
    text-decoration: none !important;
}
#lastLogin {
    font-size: 0px !important;
}
#lastLogin:after {
    /*content: "3 years ago 😔";*/
    content: "6/16/2002 💙";
    font-family: "MS PGothic", "Meiryo", メイリオ, "Hiragino Kaku Gothic ProN", ヒラギノ角ゴ Pro W3, courier, monospace !important;
    padding-top: 45px !important;
    font-size: 15px !important;
}
/* #online img { filter: grayscale(1) brightness(50); } */
.avatar {
    border: 0px solid #000000;
}
.url.box a {
    display: none;
}
.url.box {
    display: none;
}
#avatar {
    margin-left: 12px;
    margin-right: 12px;
}
.topLeft button {
    border-color: transparent;
    background-color: var(--darkCol);
    border-right: 0px solid transparent;
    border-bottom: 0px solid transparent;
    color: #fff !important;
    padding-top: 0px;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 2px;
}
#age {
    font-size: 0px !important;
}
#age:before {
    font-size: 15px !important;
    content: "";
}
#age:after {
    font-size: 15px !important;
    /*content: "UwU";*/
    content: "💙"
}
#country {
    font-size: 0px !important;
}
/*#country:before {
    font-size: 15px !important;
    content: "";
}*/
#country:after {
    font-size: 15px !important;
    /*content: "UwU";*/
    content: "Ohana!"
}
#imgPreview {
    backdrop-filter: blur(4px);
}
#report {
    display: none;
}
#block {
    display: none;
}
.shortRight {
    text-align: center;
}
/* ============== COMMENTS RELATED */
#commentInput {
    border-color: transparent;
    box-shadow: 1px 0 #000000, 0 1px #000000, 1px 1px #000, inset 1px 1px #fff;
    background-color: var(--darkCol);
    border-right: 0px solid transparent;
    border-bottom: 0px solid transparent;
    color: #fff !important;
    max-height: 100px !important;
    max-width: 100% !important;
    min-width: 100% !important;
    min-height: 100px !important;
}
input[type="submit" i] {
    border-color: transparent;
    background-color: var(--darkCol);
    border-right: 0px solid transparent;
    border-bottom: 0px solid transparent;
    color: #fff !important;
    padding-top: 0px;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 2px;
}
.fwiends > .rightHead > b:after {
    content:" + IRC chatroom";
}
#userWall tr {
    background-color: var(--darkCol);
}
/* make userwall section not stupid long; make it scroll */
#userWall {
    height: 360px;
    overflow: auto;
    background: var(--darkCol);
    overflow-x: hidden;
}
/*================= MORE HEADER RELATED SHIT */
#hSub {
    font-family: "MS PGothic", "Meiryo", メイリオ, "Hiragino Kaku Gothic ProN", ヒラギノ角ゴ Pro W3, courier, monospace !important;
    text-transform: uppercase !important;
}
#hSub #epicactivator {
    color: white !important; 
}
#hSub a {
    color: #fff !important;
}
.tableRight {
  word-break: break-word !important;
}
.logo b:before {
    vertical-align: middle;
    font-size: 20px;
    content: "";
}
.logo b span {
    display: none;
}
.topLeft h2 {
    background: #00000080;
    color: #fff;
    margin-top: 22px;
}
/*================ THE BIG CHUNK OF BLOG STYLING*/
.blogs div, .blog div {
    width: 100%;
    margin-right: 7px;
}
.blogTitle div {
    width: 100% !important;
    margin-top: 0px !important;
}
.blogTitle h2 {
    width: 200px !important;
    text-align: center;
    margin-bottom: 0px;
    margin-top: 0px;
}
.blogCard {
    width: 280px !important;
}
.blogCard div {
    text-align: center;
}
.comments .blog {
    background-color: transparent;
}
.blogCard  div[class="boxInfo box"] {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    margin-bottom: 5px !important;
    margin-top: 5px !important;
}
.blogCard .avatar {
    width: 256px !important;
    margin-top: 32px;
    margin-left: 1px;
    margin-right: 1px;
}
h4 {
    color: #fff !important;
    margin-bottom: 0px;
}
#imgPreview img {
    background: var(--darkCol) !important;
}
.topLeft.blogCard #online {
    transform: translateY(0px) !important;
}


/*========== BLOGS CSS - CREDIT randomtrash https://myspace.windows93.net/?id=481*/
.blurbs {
    padding: 3px;
}
.blurbs>.rightHead{
    margin: 0 -3px;
    border-top: 1px solid transparent;
}
.blogs{
    display: flex;
    flex-flow: row wrap;
    padding-top: 16px;
    padding-bottom: 16px;
}
.blurbs>.blogs>div:first-child {
    margin-top: -3px;
    margin-left: -3px;
    margin-right: -3px;
    border-top: none;
    position: relative;
    width: 100%;
    top: -16px;
    display: none;
}
.blurbs>.blogs>div:nth-child(2) {
    box-shadow: 0px 0px 0 2px var(--zgreen);
}
.blurbs>.blogs>div:not(:first-child){
width: 110px;
text-align: center;
margin: 0 16px;
margin: auto;
}
.blurbs>.blogs>div:not(:first-child):before{
    content: "";
    display: block;
    width: 110px;
    height: 2px;
    /*background: var(--folder1);*/
    background-repeat: no-repeat;
    background-position: center;
    image-rendering: pixelated;
    image-rendering: -moz-crisp-edges;
}
.blurbs>.blogs>div:not(:first-child):hover:before{
    /*background-image: var(--folder2);*/
    image-rendering: pixelated;
    image-rendering: -moz-crisp-edges;
}


/*==================== PLAYER*/
.player>.songName>a>img {
    display: none !important;
}
.player>.songName>a>img {
    display: none !important;
}
.player>.songName>a:before {
    color: white;
    content: "download";
    float: right;
    text-decoration: underline;
}
.player>audio {
    margin: 0;
    padding: 0;
    height: 25px;
    filter: invert(1);
    padding-top: 5px;
}
.player {
    color: white !important;
    padding-right: 2px;
    padding-left: 3px;
    padding-top: 3px;
    padding-bottom: 2px;
    margin-top: 0px !important;
    width: calc(100% - 5px ) !important;
}
.songName {
    background: var(--darkCol);
    color: #fff;
    margin-top: 0px !important;
    margin-left: -3px;
    padding-left: 6px;
    padding-top: 3px;
    padding-bottom: 3px;
}
/*================= MEDIA CONTROLS - CREDIT well https://myspace.windows93.net/?id=7399*/
.player audio {
    background: transparent;
}
.player audio,
.player audio::-webkit-media-controls,
.player audio::-webkit-media-controls-panel,
.player audio::-webkit-media-controls-enclosure {
    background: transparent;
    filter: none;
}
.player a img,
.player audio::-webkit-media-controls-play-button,
.player audio::-webkit-media-controls-mute-button,
.player audio::-webkit-media-controls-volume-slider,
.player audio::-webkit-media-controls-timeline {
    /*-webkit-filter: invert(1);
    filter: invert(1);*/
    -webkit-filter: invert(0.5) brightness(4);
    filter: invert(0.5) brightness(4);
}
.player audio::-webkit-media-controls-current-time-display,
.player audio::-webkit-media-controls-time-remaining-display {
    color: #FFF;
    text-shadow: none;
    font-size: 10px;
    font-size: 0.625rem;
}


/*===================== FLOAT ANIM - CREDIT utf-16 https://myspace.windows93.net/?id=45*/
@keyframes float {
    0% {
        transform: translateY(-10%);
    }
    50% {
        transform: translateY(40%);
    }
    100% {
        transform: translateY(-10%);
    }
}
@media only screen and (min-width: 769px) {
    .blurbs>.blogs>div {
        animation: float 4s ease-in-out infinite;
    }
}
.blurbs>.blogs>div:nth-child(2) {
    animation-delay: 0ms !important;
}
.blurbs>.blogs>div:nth-child(3) {
    animation-delay: 500ms !important;
}
.blurbs>.blogs>div:nth-child(4) {
    animation-delay: 1000ms !important;
}
.blurbs>.blogs>div:nth-child(5) {
    animation-delay: 1500ms !important;
}
.blurbs>.blogs>div:nth-child(6) {
    animation-delay: 2000ms !important;
}

/*

========================================= HEADER - CREDIT well https://myspace.windows93.net/?id=7399

*/
/* _icons.scss */
#header .logo, .boxInfo > a:before {
  background: transparent url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'225\' height=\'101\' shape-rendering=\'geometricPrecision\' fill-rule=\'nonzero\' clip-rule=\'evenodd\' viewBox=\'0 0 2637 1184\' xmlns:xlink=\'http://www.w3.org/1999/xlink\'%3E%3Cdefs%3E%3Cpath id=\'bell\' d=\'M193 273l2-1-2-2c-4 0-7-1-10-4-2-3-4-6-4-10l-1-1-2 1c0 5 2 9 5 12 4 4 8 5 12 5zm-63-29h127c-17-20-26-47-26-82l-2-10-7-10c-3-4-7-6-12-8a47 47 0 00-33 0c-5 2-9 4-12 8l-7 10c-2 3-2 7-2 10 0 35-9 62-26 82zm145 0c0 3-1 6-4 8-2 3-5 4-9 4h-44c0 7-2 13-7 18s-11 7-18 7-13-2-17-7c-5-5-8-11-8-18h-44c-3 0-6-1-9-4-2-2-3-5-3-8l9-9 8-12 7-15 5-21 2-25c0-10 4-19 12-28 7-8 17-13 30-15l-1-4c0-3 1-5 3-7l6-3c3 0 5 1 7 3s3 4 3 7l-1 4c12 2 22 7 30 15 8 9 12 18 12 28l1 25 5 21 8 15 8 12 9 9z\'/%3E%3Cpath id=\'mail\' d=\'M1406 169v78c0 4-1 8-4 11s-7 4-12 4h-144c-4 0-8-1-11-4s-5-7-5-11v-78l10 8 49 34 9 7a79 79 0 0020 7c4 0 7-1 11-3l9-4 10-7 48-34 10-8zm0-29c0 5-1 10-5 15-3 5-7 9-12 12l-45 32-5 3-5 3-5 4-6 2-5 1-5-1-5-2-5-4-6-3-4-3-26-18-20-14-11-11c-4-5-6-10-6-14 0-5 2-9 4-13 3-3 7-5 12-5h144c5 0 8 2 12 5 3 3 4 7 4 11z\'/%3E%3C/defs%3E%3Cuse xlink:href=\'%23bell\' fill=\'%23E8E\' x=\'1\' y=\'1\'/%3E%3Cuse xlink:href=\'%23bell\' fill=\'%23FFC107\' x=\'375\' y=\'1\'/%3E%3Cuse xlink:href=\'%23bell\' fill=\'%238BC34A\' x=\'750\' y=\'1\'/%3E%3Cuse xlink:href=\'%23mail\' fill=\'%23FFF\' x=\'1\' y=\'1\'/%3E%3Cuse xlink:href=\'%23mail\' fill=\'%2303A9F4\' x=\'-1125\' y=\'375\'/%3E%3Cpath fill=\'%23FFF\' d=\'M1748 193c3 0 6 1 8 4 2 2 3 4 3 7v66c0 3-1 6-3 8s-5 3-8 3h-110c-3 0-5-1-7-3-3-2-4-5-4-8v-66c0-3 1-5 4-7 2-3 4-4 7-4h4v-36c0-14 5-26 15-36 10-11 22-16 36-16s26 5 36 16c11 10 16 22 16 36 0 2-1 3-3 5l-5 2h-7l-5-2c-2-2-2-3-2-5 0-8-3-15-9-21s-13-9-21-9-15 3-20 9c-6 6-9 13-9 21v36h84zm688-28a20 20 0 000-29c-3-4-8-6-14-6-5 0-10 2-14 6s-6 9-6 14l2 9-9-2c-5 0-10 2-14 6s-6 8-6 14 2 10 6 14 9 6 14 6c6 0 11-2 15-6s6-8 6-14l-2-9c2 2 5 2 8 2 6 0 11-2 14-5zm95 59l-5 7-7 5-3-2-4-3-4-4-2-3-10 10 23 23c2 2 3 4 3 7s-2 6-4 8c-3 3-6 4-9 4s-5 0-7-2l-70-71a58 58 0 01-38 14c-12 0-21-3-28-11-7-7-11-16-11-27s4-22 10-33c7-11 16-19 26-26 11-6 22-10 33-10s20 4 28 11c7 7 10 16 10 28 0 13-4 26-13 38l37 37 10-10-3-3-4-4-4-4-1-3c0-1 1-3 5-6 3-4 6-6 7-6l2 1 5 5 9 8 9 9 7 9 3 4zm-474-17v10l-3 9c-2 2-5 3-8 3h-44c-3 0-5-1-7-3-3-3-4-6-4-9l1-10c1-4 1-7 3-9l5-7c2-2 5-2 8-2l3 1 3 2 3 1 4 2h7l4-2 3-1 3-2 2-1c4 0 6 0 9 2l5 7 3 9zm-19-49c4 4 6 9 6 14s-2 10-6 14-8 5-14 5c-5 0-10-1-13-5-4-4-6-9-6-14s2-10 6-14c3-4 8-6 13-6 6 0 10 2 14 6zm85 52v6l-1 2h-53l-1-2v-6l1-2 2-1h49l2 1 1 2zm0-21v4l-1 3h-53l-1-3v-4l1-3 2-1h49l2 1 1 3zm0-23v6l-1 2h-53l-1-2v-6l1-2 2-1h49l2 1 1 2zm11 83V144l-1-2-2-1h-148l-2 1-1 2v105l1 2h32v-8l1-2 2-1h6l2 1v10h66v-8l1-2 2-1h5l2 1 1 2v8h32l1-2zm11-105v105c0 3-1 7-4 9-3 3-6 4-10 4h-148c-4 0-7-1-10-4-2-2-4-6-4-9V144c0-4 2-7 4-9 3-3 6-4 10-4h148c4 0 7 1 10 4 3 2 4 5 4 9z\'/%3E%3Cpath fill=\'%238BC34A\' d=\'M637 622c0 8-3 14-7 20s-10 8-16 8h-91c-7 0-12-2-16-8-5-6-7-12-7-20l1-17c0-6 2-11 3-16l6-14c3-4 6-7 11-10 4-2 8-4 14-4 9 10 20 14 33 14s24-4 34-14c5 0 10 2 14 4 4 3 8 6 10 10 3 4 5 8 6 14l4 16 1 17zm-40-124c8 8 12 18 12 29 0 12-4 21-12 29s-17 12-29 12c-11 0-21-4-29-12s-12-17-12-29c0-11 4-21 12-29s18-12 29-12c12 0 21 4 29 12z\'/%3E%3Cpath fill=\'%23FFC107\' d=\'M956 622v-19l-1-2-2-1h-19l-2 1-1 2v19l1 2 2 1h19l2-1 1-2zm0-37l1-45-1-2-2-1h-21l-3 1-1 2 2 45 1 2h23l1-2zm-2-92l76 138c2 4 2 9-1 13l-4 4-6 2H868l-6-2-5-4c-2-4-2-9 0-13l75-138 5-4c2-2 4-2 6-2 3 0 5 0 7 2l4 4z\'/%3E%3Cpath fill=\'%23B71C1C\' d=\'M1376 568c0-11-3-22-9-31l-80 80c9 7 20 10 31 10a59 59 0 0054-36c3-7 4-15 4-23zm-106 32l80-80c-9-7-20-10-32-10-10 0-20 3-29 8s-16 12-21 21-8 19-8 29c0 12 3 22 10 32zm124-64a87 87 0 01-18 91 88 88 0 01-58 24 90 90 0 01-58-24c-7-8-13-16-17-27-5-10-7-21-7-32s2-22 7-32c4-10 10-19 17-26a90 90 0 0158-24c11 0 22 2 32 7a81 81 0 0144 43z\'/%3E%3Cpath fill=\'%23FFF\' d=\'M1782 530h-52v-73h-73v73h-53l89 89 89-89zm-178 112v26h178v-26h-178z\'/%3E%3Cpath fill=\'%23FFF\' d=\'M352 1090v12h-47v-12h-12v-24h23v24h24v-47h-24v-12h24v-35h-24v24h-23v-24h12v-12h47v12h11v35h-11v12h11v47h-11zM111 926c-24 0-40 13-40 37v3l-1 65h71v24h46v-71h12v-11h70v11h24v-11h58a61 61 0 00-58-36c-19 0-39 7-52 19-9-18-26-30-48-30-15 0-30 6-40 17-8-15-26-17-42-17zm147 152v12h-24v12h-23v-12h23v-12h12v-35h-12v12h-23v-12h-12v-47h12v-12h47v12h12v82h-12zm-12-82h-23v47h11v-12h12v-35z\'/%3E%3Ccircle fill=\'%23FFF\' cx=\'117\' cy=\'885\' r=\'29\'/%3E%3Ccircle fill=\'%23FFF\' cx=\'193\' cy=\'879\' r=\'35\'/%3E%3Ccircle fill=\'%23FFF\' cx=\'293\' cy=\'873\' r=\'53\'/%3E%3C/svg%3E") 0 0 no-repeat;
}

#header .logo {
    border: 1px solid white;
    /*filter: invert(1);*/
}
#header #hUp {
    /*background: var(--darkCol);*/
    background: transparent;
    /*border-radius: 12px;*/
    border: 1px solid white;
    padding-left: 6px;
    padding-bottom: 2px;
    border-radius: 4px;
}

/* _header.scss */
div#header, div#hSub {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 0;
  border: none;
}

div#header {
  height: 96px;
  /* background: #0e1417;
  background: #0e1417; */
    background-image: var(--wpblur);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color: var(--preloadCol);
    image-rendering: pixelated;
    image-rendering: -moz-crisp-edges;
    overflow: visible;
}

#header .logo span {
  display: none;
}

#header .logo {
  display: inline-block;
  margin: 11px 0 11px 16px;
  padding: 0;
  width: 36px;
  height: 36px;
  background-position: -1px -64px;
}

#hUp {
  display: inline-block;
  margin-top: 14px !important;
  margin-right: 0 !important;
  position: static !important;
}

#header #hUp a {
  display: inline-block;
  font-family: "MS PGothic", "Meiryo", メイリオ, "Hiragino Kaku Gothic ProN", ヒラギノ角ゴ Pro W3, courier, monospace !important;
  margin: 8px;
  padding: 0;
  animation: none;
  text-decoration: none;
  position: relative;
  vertical-align: top;
}

#header #hUp a:last-of-type {
  margin-right: 12px;
}

#hSub::-webkit-scrollbar {
  height: 2px;
  background: transparent;
}

#hSub::-webkit-scrollbar-thumb {
  height: 12px;
  background: rgba(0, 0, 0, 0.3);
}

#hSub a {
  display: inline-block;
    font-family: "MS PGothic", "Meiryo", メイリオ, "Hiragino Kaku Gothic ProN", ヒラギノ角ゴ Pro W3, courier, monospace !important;
  font-size: 16px;
  font-size: 1rem;
  line-height: 36px;
  margin: 0 8px;
  padding: 0 8px;
}

#hSub .sep {
  display: none;
}

@media screen and (min-width: 240px) {
  #header #hUp a:first-child {
    display: inline-block;
  }
}
@media screen and (min-width: 360px) {
  #header #hUp a[href] {
    display: inline-block;
  }
}
@media screen and (min-width: 960px) {
  div#header {
    height: 60px;
  }

  #header #hUp a:after {
    margin-top: 4px;
  }

  div#hSub {
    width: auto;
    top: 12px;
    left: 52px;
    background: none;
  }
}
@media screen and (min-width: 1080px) {
  #hSub .sep {
    display: inline;
  }
}


#header .logo {
  box-sizing: content-box;
  border-radius: 4px;
  background-position: 0px -64px;
}

#header #hUp {
  margin-right: 8px !important;
}

#header #hUp a {
  background-color: transparent;
  border-radius: 50%;
  margin-right: 8px;
  transition: background-color 0.2s linear;
}
#header #hUp a:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
#header #hUp a:after {
  background: #444;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4);
  border-radius: 3px;
}

div#hSub {
  background: none;
}

#hSub a {
  font-size: 14px;
  /*font-size: 0.875rem;*/
  font-size: 1rem;
  text-transform: uppercase;
  margin: 0;
  opacity: 0.7;
  transition: opacity 0.5s linear;
}
#hSub a:hover {
  opacity: 1;
}



/*

========================================= VIEW COUNTER - CREDIT utf-16 https://myspace.windows93.net/?id=45

*/
div img[src="https://mvc.penguins.win/cat.png"], div img[src="https://isthisstatic.000webhostapp.com/sbox/img/25.gif"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    height: auto;
    margin-bottom: 12px;
}



/*

========================================= IRC COMMENTS - CREDIT utf-16 https://myspace.windows93.net/?id=45

*/
.box.comments {
    font-family: "MS PGothic", "Meiryo", メイリオ, "Hiragino Kaku Gothic ProN", ヒラギノ角ゴ Pro W3, courier, monospace !important;
    color: #fff;
	font-size: 12px;
}

body:not(.blogBody) .box.comments {
    position: relative;

    font-family: "MS PGothic", "Meiryo", メイリオ, "Hiragino Kaku Gothic ProN", ヒラギノ角ゴ Pro W3, courier, monospace !important;
    font-size: 12px;
    background: #0006;
    color: #fff;
    flex-direction: column-reverse;
    transform: translate(0px, 47px);
    border-top: 2px solid var(--zgreen);
    border-bottom: 2px solid var(--zgreen);
}

body:not(.blogBody) .box.comments > div:last-child {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px !important;
}

.box.comments .boxHead { 
    display: none
}

body:not(.blogBody) #userWall .tableRight,
body:not(.blogBody) #userWall .tableLeft {
    background: none;
    width: unset;
    padding: 0;
    vertical-align: unset;
    overflow-wrap: unset;
}

body:not(.blogBody) #userWall .tableRight {
    padding-left: 4px;
    max-width:90%;
}

body:not(.blogBody) #userWall .tableLeft img {
    display: none;
}

body:not(.blogBody) #userWall tr,
body:not(.blogBody) #userWall td {
    display: flex;
    background: #0000;
    flex-wrap: wrap;    
}

/* fix tbody, cheers utf */
body:not(.blogBody) #userWall tbody {
  display: block;
}

body:not(.blogBody) #userWall .tableLeft {
    flex-shrink: 0;
}

body:not(.blogBody) #userWall tr {
    position: relative;
}

body:not(.blogBody) #userWall tr, .comments>#form {
    border-bottom: 2px solid var(--zgreen);
}

.tableLeft > a > div {
    text-align: left;
    max-width: none;
}

body:not(.blogBody) #userWall .tableLeft a {
    color: unset;
    padding-left: 2px;
    display: block;
    height: 14px;
}

body:not(.blogBody) #userWall .tableLeft b::after {
    content: ":";
}


body:not(.blogBody) #userWall tr {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
}

body:not(.blogBody) #userWall tr:last-of-type {
    border-bottom: 2px solid transparent!important;
}

body:not(.blogBody) #userWall .tableRight b.date {
    /*display: none;*/
    position: absolute;
    top: 2px;
    right: 2px;
}

body:not(.blogBody) #userWall .tableRight button[onclick*=delete]::before {
    content: "(";
}

body:not(.blogBody) #userWall .tableRight button[onclick*=delete]::after {
    content: ")";
}

body:not(.blogBody) #userWall .tableRight button[onclick*=delete] {
    position: absolute;
    right: 3px;
    top: 2px;
    font-family: "MS PGothic", "Meiryo", メイリオ, "Hiragino Kaku Gothic ProN", ヒラギノ角ゴ Pro W3, courier, monospace !important;
    background: none;
    border: none;
    padding: 0;
    font-size: 12px;
    color: #a00;
}

body:not(.blogBody) #userWall .tableRight img {
    max-width: 50% !important;
}

img {
    image-rendering: pixelated;
    image-rendering: -moz-crisp-edges;
}

body:not(.blogBody) .tableLeft {
    width: 100% !important;
}

@media (max-width: 460px) {
    body:not(.blogBody) #userWall .tableLeft,
    body:not(.blogBody) #userWall .tableRight {
        width: 100%;
    }
    body:not(.blogBody) #userWall tr {
        padding: 4px;
    }
}



/*

========================================= MORE ADJUSTMENTS TO BLOG

*/
body.blogBody .tableLeft {
    color: white !important;
    padding-right: 2px;
    padding-left: 3px;
    padding-top: 0px;
    padding-bottom: 2px;
    background-color: var(--darkCol);
    border-right: 0px solid transparent;
    border-bottom: 0px solid transparent
}
body.blogBody .tableRight {
    color: white !important;
    padding-right: 2px;
    padding-left: 3px;
    padding-top: 0px;
    padding-bottom: 2px;
    background-color: var(--darkCol);
    border-right: 0px solid transparent;
    border-bottom: 0px solid transparent;
}
body.blogBody button {
    border-color: transparent;
    background-color: var(--darkCol);
    border-right: 0px solid transparent;
    border-bottom: 0px solid transparent;
    color: #fff !important;
    font-family: "MS PGothic", "Meiryo", メイリオ, "Hiragino Kaku Gothic ProN", ヒラギノ角ゴ Pro W3, courier, monospace !important;
    padding-top: 0px;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 2px;
    margin-left: -3px;
    margin-top: 3px;
}
.blogBody .box.comments:not(:first-child) {
    color: white !important;
    padding-right: 6px;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: -3px;
    margin-top: -10px;
    background-color: var(--darkCol);
    border-right: 0px solid transparent;
    border-bottom: 0px solid transparent;
}



/*

========================================= Dear lord let this not be a mistake

*/
#gender {
    content: "Non-binary";
    font-size: 15px;
    font-family: "MS PGothic", "Meiryo", メイリオ, "Hiragino Kaku Gothic ProN", ヒラギノ角ゴ Pro W3, courier, monospace !important;
}
#gender:hover {
    font-size: 0px !important;
    font-family: "MS PGothic", "Meiryo", メイリオ, "Hiragino Kaku Gothic ProN", ヒラギノ角ゴ Pro W3, courier, monospace !important;
}
#gender:hover:after {
    /* content: "NB/Stitchgender"; */
    /*content: "Vwuhu~";*/
    /*content: "fuck it *turns into pepsi*";*/
    content: "Goobaja!";
    font-size: 15px;
    font-family: "MS PGothic", "Meiryo", メイリオ, "Hiragino Kaku Gothic ProN", ヒラギノ角ゴ Pro W3, courier, monospace !important;
}


/*

========================================= shorten the page a bit idc

*/
div#about {
    height: 256px;
    overflow: scroll;
    overflow-x: hidden !important;
    border-bottom: 2px solid var(--zgreen);
    border-top: 2px solid var(--zgreen);
    background: var(--darkCol);
}
div#who {
    height: 256px;
    overflow: scroll;
    overflow-x: hidden !important;
    border-bottom: 2px solid var(--zgreen);
    border-top: 2px solid var(--zgreen);
    background: var(--darkCol);
}
#online {
    margin-top: 0px !important;
    transform: translateY(16px);
}



/*

========================================= page touchups and green highlights on various elements

*/
.extended.box {
    border-top: 2px solid var(--zgreen);
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 2px solid var(--zgreen);
}
.box.blurbs {
    border-top: 2px solid var(--zgreen);
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 2px solid var(--zgreen);
}
.box.fwiends {
    border-top: 2px solid var(--zgreen);
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 2px solid var(--zgreen);
}
.topLeft h2.uName {
    border-top: 2px solid var(--zgreen);
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 0px solid transparent;
    margin-bottom: 0;
}
#imgPreview img {
    border-top: 2px solid var(--zgreen);
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 2px solid var(--zgreen);
}
table.short {
    border-top: 2px solid var(--zgreen);
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 2px solid var(--zgreen);
    background-color: var(--darkCol);
    margin-top: 0;
    margin-bottom: 15px;
    width:100%;
}
.boxInfo.box {
    border-top: 2px solid var(--zgreen);
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 2px solid var(--zgreen);
    background-color: var(--darkCol);
    margin-bottom: 15px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.player.box {
    border-top: 2px solid var(--zgreen);
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 2px solid var(--zgreen);
    background-color: var(--darkCol);
    margin-bottom: 15px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.box.blog {
    border-top: 2px solid var(--zgreen);
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 2px solid var(--zgreen);
}
.blogCorpus h1 {
    border-top: 2px solid var(--zgreen);
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 2px solid var(--zgreen);
}
.topLeft.blogCard img {
    border-top: 2px solid var(--zgreen);
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 2px solid var(--zgreen);
    background-color: var(--darkCol);
    margin-bottom: 8px;
}
.topLeft.blogCard div:nth-of-type(1) {
    background-color: var(--darkCol);
    border-top: 2px solid var(--zgreen);
}
.topLeft.blogCard div:nth-of-type(2) {
    background-color: var(--darkCol);
}
.topLeft.blogCard div:nth-of-type(3) {
    background-color: var(--darkCol);
}
.topLeft.blogCard div:nth-of-type(4) {
    background-color: var(--darkCol);
}
.topLeft.blogCard div:nth-of-type(5) {
    padding-top: 12px;
    border-bottom: 2px solid var(--zgreen);
    margin-bottom: 12px;
    background-color: var(--darkCol);
}
.topLeft.blogCard .boxInfo.box .boxHead {
    border-top: 0px solid transparent !important;
}
.topLeft.blogCard .boxInfo.box a div.boxButton {
    border-top: 0px solid transparent !important;
    margin-bottom: 6px;
}
.topLeft.blogCard div ul {
    border-top: 2px solid var(--zgreen);
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 2px solid var(--zgreen);
    background-color: var(--darkCol);
    margin-top: 4px;
}