@font-face { font-family:'Dogica Pixel'; src: url(https://file.garden/ZUANkFMKnEU1c7fu/DOGICAPIXEL.TTF) format('truetype'); }
@keyframes apotheosis { 0%{color:#ff0000;} 10%{color:#e10202;}  20%{color:#ff7d00;}  30%{color:#ffd000;}  40%{color:#03941b;}  50%{color:#47e400;}  60%{color:#00f4ff;}  70%{color:#2800ff;} 80%{color:#9500ff;}  90%{color:#ff00f3;}  100%{color:#ff005a;} }

html, body { font-family: 'Dogica Pixel'; color: darkred; background: url(https://file.garden/ZUANkFMKnEU1c7fu/IMAGE/rotate1.gif); font-size: 12px; text-align: center; text-transform: lowercase; }
a { color: red; text-decoration: none; } a:hover, .fwiendFace b:hover, #userWall .tableLeft b:hover { color: lightslategray; text-decoration: underline; overflow: visible; }
h, h2, h3, h4, b { color: red; text-shadow: 1px 2px 0 black; }
blockquote { color: lightslategray; }
* { cursor: url(https://i.ibb.co/FqW5qjN/pisstol.png), auto !important; }

#header, #hSub { font-family: 'Dogica Pixel'; }
#header { background: #0000005c; border-bottom: 1px solid red; height: 28px; }
#header a { color: red; }
#hSub { background: #ff00001f; border-bottom: 1px solid darkred; color: darkred; margin-top: 5px; }
#hSub a { color: lightslategray; }
.logo { font-size: 0; } .logo:after { content: "redoing my css from scratch; hang in there"; font-size: 20px; margin-left: 7%; font-style: oblique; }
.blinkYellow, .blinkRed { animation: 8s linear infinite apotheosis; }

#container { margin-top: 1%; margin-bottom: 2%; background: #0000005c; border-radius: 10px; border: 2px solid #300000; padding: 1%; padding-left: 10%; padding-right: 10%; padding-top: 0; }

button, input { width: 90px; padding: 5px; font-family: 'Dogica Pixel'; font-size: 8px; font-weight: bold; color: red; border-radius: 3px; border: 1px solid #f00; background: #f003; margin: 5px; }

#name { width: 95%; }

#online img { width: 0; }
#online:after { content: url(https://file.garden/ZUANkFMKnEU1c7fu/IMAGE/online.gif); width: 120px; }

.short .uName, .boxInfo .uName, .url .uName, .extended .uName, #userBlogTitle .uName, .boxHead .uName, .rightHead .uName { font-size:0; } 
.short .uName:after, .boxInfo .uName:after, .url .uName:after, .extended .uName:after, #userBlogTitle .uName:after, .boxHead .uName:after, .rightHead .uName:after { font-size: 12px; content:'nevadian dilf'; }
.extended .uName:after { font-size: 20px; }

.boxInfo, .url, .player, .extended, .boxHead, .rightHead, #commentInput { border-radius: 5px; border: 1px solid #b30011; background: #00000047; }

.extended { padding: 25px; margin-top: 30px; margin-bottom: 30px; background: url(https://file.garden/ZUANkFMKnEU1c7fu/IMAGE/MPN2-UPLOADED-BY-THESWAIN.png); background-size: cover; background-position: center; background-repeat: no-repeat; font-size: 17px; }
.extended h3, .extended a { color: #ffffffad; text-decoration: underline; padding-left: 10%; padding-right: 10%; text-shadow: none; } .extended a:hover { color: #ff0000b8; text-shadow: none; }


.short { margin-top: 0; margin-bottom: 5%; width: 90%; }
.avatar { width: 150px; height: 150px; border-radius: 45px; border: 2px solid darkred; box-shadow: 5px 8px 20px #8b000094; }


.boxHead, .rightHead { background: url(https://file.garden/ZUANkFMKnEU1c7fu/IMAGE/drippler2.gif); background-size: cover; background-position: top; color: red; padding: 10px; }

.boxInfo, .url { margin-bottom: 5%; width: 90%; }
.player { margin-bottom: 0; width: 90%; padding: 0; }

.boxInfo .boxHead { border: none; border-bottom: 1px solid #b30011; border-radius: 0; background-position: top; }
.boxInfo a { margin: 5px; }
.boxInfo .boxButton { width: 80%; color: unset; margin: 5px; border: 1px solid red; border-radius: 5px; background: #ff00001f; font-weight: bold; height: 20px; font-size: 85%; padding-top: 6px; } .boxInfo .boxButton:hover { text-decoration: underline; background: #77889914; margin-left: 10px; }

.url { padding: 0; height: 250px; overflow-y: scroll; overflow-x: hidden; }
.url b { font-size: 0; } .url b:after { font-size: 12px; content: "hank's pix"; margin-bottom: 5px; background: url(https://file.garden/ZUANkFMKnEU1c7fu/IMAGE/drippler1.gif); background-size: cover; background-position: top; width: 100%; display: block; margin-top: -17px; height: 25px; padding-top: 11px; border-bottom: 1px solid #b30011; }
.url a { font-size:0; } .url a:after { content:
url(https://file.garden/ZUANkFMKnEU1c7fu/IMAGE/epix/antipathy.png)
url(https://file.garden/ZUANkFMKnEU1c7fu/IMAGE/epix/average_stamp.jpg)
;
}

.player { color: unset; }
.player audio { --webkit-filter: sepia(0%) saturate(100%) grayscale(0) contrast(100%) invert(100%); filter: contrast(100%); mix-blend-mode: color-dodge; width: 90%; padding: 20px; padding-left: 0; padding-bottom: 15px; }
.songName { padding-top: 12px; padding-bottom: 10px; padding-right: 5px; margin: -5px; margin-bottom: 5px; background: url(https://file.garden/ZUANkFMKnEU1c7fu/IMAGE/drippler1.gif); background-size: cover; background-position: top; display: block; border-bottom: 1px solid #b30011; }

.box.blurbs h4 { color: lightslategray; font-style: italic; text-decoration: underline; margin: 15px; }

.fwiendCounter { font-size: 0;}
.fwiendCounter .fwiendCount { font-size: 12px; color: red; }
.fwiendCount:before, .fwiendCount:after { color: darkred; font-style: normal; text-decoration: none; }
.fwiendCount:before { content: "nevadean dilf has "; }  .fwiendCount:after { content: " myspace kills"; }
.fwiendFace img { width: 65%; max-height: 90px; margin: auto; margin-top: auto; margin-bottom: auto; margin-top: 4%; margin-bottom: 6%; border-radius: 100%; filter: blur(4px) saturate(0.2) brightness(0.8); }
.fwiendFace:after { content: "DEAD"; font-size: 20px; color: red; text-decoration: underline; position: absolute; margin-left: 1.2%; margin-top: 2.5%; text-shadow: 2px 2px 0 black; font-style: oblique; font-weight: bold; text-transform: uppercase; opacity: 0.7; }


#userWall tr { display: inline-table; width: 100%; margin-bottom: 10px; }
#userWall .tableLeft { background: #7100002e; width: 80%; padding: 10px; overflow: hidden; border: 1px solid #b30011; border-radius: 5px; display: block; height: 116px !important; }
#userWall .tableLeft img { max-height: 88%; max-width: 70%; margin-top: 5%; border-radius: 100%; filter: blur(1px) saturate(0.2) brightness(0.8); }
#userWall .tableRight { width: 75%; background: #0000000a; padding: 10px; vertical-align: top; overflow-wrap: anywhere; border: 1px solid #b30011; border-radius: 5px; }
