body {
    background:black;
    color:white;
    overflow-x:hidden;
}
body:before {
  right: 16%;
  top:12px;
  position:fixed;
  content: "";
  pointer-events: none;
  width: 88px;
  height: 31px;
  background: url(/res/88x31/ydkwt.gif);
  z-index: 3000;
}
.url {
  border: none;
  color: black;
  background: white;
}
#top a {
    text-decoration: none;
}
.boxButton, .fwiendCount, a, h4 {
  color:white;
}
.boxHead {
  display:none;
}
.tableRight {
 color: black;
}
#name {
  text-align: center;
  font-family: monospace;
  mix-blend-mode: difference;
  position: relative;
  top: 30px;
  left: -30px;
  transform: scaleY(4.5);
  /*z-index: 2;
  background: white;
  color: black;*/
  padding: 5px;
  z-index: 3000;
  pointer-events: none;
}
.blogTitle>#name {
  transform: scaleY(2.5);
  background: white;
  color: black;
}
/*.svmsg {
		background-color: black;
		border: 2px solid white;
		text-align: center;
		padding: 1px;
		font-weight: bold;
}
.svmsg p {
  background-color: white;
  color: black;
  padding: 3px;
	font-size: 12px;
}*/
.svmsg {
  background: darkgray;
  border: 3px solid white;
  color: black;
}
.player {
  background: white;
  color: black;
  border: none;
}
.rightHead, .tableLeft, .tableRight, .extended, #header, #hSub {
  background: white;
  color: black;
}
.tableLeft a, .extended a, .logo, #hSub a {
  color: black !important;
}
#userBlog14 {
  display: none;
}
#online {
  filter: sepia(1) invert(1) brightness(100);  
}
#add, #report, #block, #sMsg {
  color: white !important;
  filter: brightness(100) sepia(1);
}
.avatar, .tableLeft img, .fwiendFace img {
  filter: sepia(1) contrast(100) grayscale(1);  
}
.romp { display:none; }
.box.blog, box.blog a, .blogCorpus, .blogCorpus a {
  background: white;
  color: black !important;
}
audio {
  filter: contrast(3) grayscale(1) invert(1);
}
#container {
  max-width: 1230px;
}
#userBlogTitle {
  font-size: 0px;
}
#aboutTitle, #whoTitle {
  margin-top: 20px;
  font-size: 0;
}
#aboutTitle:after, #whoTitle:after, #userBlogTitle:after {
  font-size: 15px;
  font-weight: bold;
}
#userBlogTitle:after {
  content: "Essays Available In Most Dumpsters:";
}
#aboutTitle:after {
  content: "About Him:";
}
#whoTitle:after {
  content: "Who He'd Like To Meet:";
}
.shortRight {
  width: 100%;
  text-align:center;
}
#avatar {
  margin-right: unset;
}
.boxInfo {
  display: flex;
  flex-wrap: wrap;
  align-items:center;
  justify-content:space-between;
}
.boxInfo a>div {
  width: fit-content;
  box-sizing:border-box;
}
.url.box>div:first-of-type {
  display:none;
}
.url.box {
  height: 80px;
  overflow-x: auto;
  overflow-y: hidden;
}
.url a {
  position: relative;
  font-size: 60px;
  white-space: nowrap;
  transform: scaleX(5);
  display: block;
  left: 950px;
  top: -10px;
}
.topLeft .player {
  transform: scaleY(1.6);
  margin-top: 40px;
}
.topLeft .player .song__title {
  transform: scaleX(1.2) scaleY(2);
  display: inline-block;
  margin-left: 30px;
  font-family: Times New Roman;
}
/*.topLeft .player:has(audio._playing) * {
  animation: shaky 0.4s steps(1, end) infinite;
}*/
.topLeft .player:has(audio._playing) {
  animation: playerShaky 0.4s steps(1, end) infinite;
}
.topLeft .player:has(audio._playing) .song__title {
  animation: titleShaky 0.4s steps(1, end) infinite;
}
@keyframes playerShaky {
  0% { transform: scaleY(1.6) translate(1px, 1px); }
  10% { transform: scaleY(1.6) translate(-1px, -1px); }
  20% { transform: scaleY(1.6) translate(-1px, 0px); }
  30% { transform: scaleY(1.6) translate(0px, 1px); }
  40% { transform: scaleY(1.6) translate(1px, -1px); }
  50% { transform: scaleY(1.6) translate(-1px, 1px); }
  60% { transform: scaleY(1.6) translate(0px, 1px); }
  70% { transform: scaleY(1.6) translate(1px, 1px); }
  80% { transform: scaleY(1.6) translate(-1px, -1px); }
  90% { transform: scaleY(1.6) translate(1px, 1px); }
  100% { transform: scaleY(1.6) translate(1px, -1px); }
}
@keyframes titleShaky {
  0% { transform: scaleY(2) scaleX(1.2) translate(1px, 1px); }
  10% { transform: scaleY(2) scaleX(1.2) translate(-1px, -1px); }
  20% { transform: scaleY(2) scaleX(1.2) translate(-1px, 0px); }
  30% { transform: scaleY(2) scaleX(1.2) translate(0px, 1px); }
  40% { transform: scaleY(2) scaleX(1.2) translate(1px, -1px); }
  50% { transform: scaleY(2) scaleX(1.2) translate(-1px, 1px); }
  60% { transform: scaleY(2) scaleX(1.2) translate(0px, 1px); }
  70% { transform: scaleY(2) scaleX(1.2) translate(1px, 1px); }
  80% { transform: scaleY(2) scaleX(1.2) translate(-1px, -1px); }
  90% { transform: scaleY(2) scaleX(1.2) translate(1px, 1px); }
  100% { transform: scaleY(2) scaleX(1.2) translate(1px, -1px); }
}
@keyframes shaky {
  0% { transform: translate(1px, 1px); }
  10% { transform: translate(-1px, -1px); }
  20% { transform: translate(-1px, 0px); }
  30% { transform: translate(0px, 1px); }
  40% { transform: translate(1px, -1px); }
  50% { transform: translate(-1px, 1px); }
  60% { transform: translate(0px, 1px); }
  70% { transform: translate(1px, 1px); }
  80% { transform: translate(-1px, -1px); }
  90% { transform: translate(1px, 1px); }
  100% { transform: translate(1px, -1px); }
}
.tableLeft > a > div {
  max-width: 100%;
}
.tableLeft {
  text-align: center;
}
.extended {
  width: 100vw;
  position: absolute;
  left: 0;
  box-sizing: border-box;
  border: none;
  mix-blend-mode: difference;
  overflow:hidden;
  top: 200px;
  margin: 0;
  text-wrap: nowrap;
  pointer-events: none;
}
.extended>h3 {
  transform: scale(5) rotate(-1deg);
  text-transform: uppercase;
}
.extended:has(a) {
  pointer-events: all;
}
#top a {
  width: 25%;
}
#top .fwiendFace {
  display: flex;
  flex-direction: column;
  width: 95%;
  max-width: unset;
  position: relative;
}
#top .fwiendFace img {
  width: 100%;
}
#top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
#top .fwiendFace b {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 100%;
  mix-blend-mode: difference;
  font-size: 30px;
  line-break: anywhere;
}
.epiclink {
  opacity: 0;
  width: 200px;
  height: 200px;
  display: block;
  position: absolute;
  background: red;
  top: 125px;
  left: 21px;
}
button, input[type="submit"] {
  border-radius: 0;
  border: 1px solid white;;
  background: black;
  color: white;
  /*! text-transform: lowercase; */
  mix-blend-mode: difference;
  animation: cursor 0.2s linear infinite;
  filter: sepia(1) contrast(10) grayscale(1);
}
body:has(.topLeft .player ._playing):after {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left:0;
  content: "";
  z-index: 1;
  background-size: cover;
  opacity: 0.1;
  pointer-events:none;
  background-image: url(https://media1.tenor.com/m/F7Cd9OI_XRQAAAAC/kid-meme.gif);
}
body:has(.topLeft .player ._playing) #lolSvmsg {
    display: block;
		background-color: white;
		color: white;
		border: 2px solid black;
		text-align: center;
		margin:0px;
		margin-top: 10px;
		width: 100%;
		padding: 1px;
		font-weight: bold;
		font-size: 16px;
}
body:has(.topLeft .player ._playing) #lolSvmsg>p {
  background-color: red;
  color: white;
	font-size: 16px;
  padding: 3px;
}

@keyframes cursor {
  10% {
    cursor: normal;
  }
  20% {
    cursor: help;
  }
  30% {
    cursor: context-menu;
  }
  40% {
    cursor: pointer;
  }
  50% {
    cursor: wait;
  }
  60% {
    cursor: cell;
  }
  70% {
    cursor: text;
  }
  80% {
    cursor: alias;
  }
  90% {
    cursor: not-allowed;
  }
  100% {
    cursor: grabbing;
  }
}
#credo {
  font-size: 0px;
  width: 20px;
  height: 20px;
  display: inline-block;
  background-image: url("https://i.imgur.com/NMFBb61.png");
  background-size: cover;
}
div:has(> #credo) {
  display: flex;
  justify-content: center;
}

@media only screen and (max-width: 1280px) {
  .blogs {
    margin-top: 35px;
  }
}
@media only screen and (max-width: 600px) {
  .epiclink {
    top: 156px;
  }
}


a[href$="AdminUI"]/*:not(:has(#hSub a[href$="/?id=2"]))^*/ {
  position: fixed;
  animation: fuckyouaydo linear 2s infinite;
  font-size: 20px !important;
}
#hUp a:not(a[href$="AdminUI"]) {
  color: black !important;
}
@keyframes fuckyouaydo {
  0% {
    top: 25%;
    left: 76%;
  }
  10% {
    top: 39%;
    left: 43%;
  }
  20% {
    top: 12%;
    left: 87%;
  }
  30% {
    top: 93%;
    left: 54%;
  }
  40% {
    top: 12%;
    left: 63%;
  }
  50% {
    top: 64%;
    left: 32%;
  }
  60% {
    top: 23%;
    left: 54%;
  }
  70% {
    top: 11%;
    left: 55%;
  }
  80% {
    top: 32%;
    left: 76%;
  }
  90% {
    top: 87%;
    left: 54%;
  }
  100% {
    top: 64%;
    left: 32%;
  }

}


/*
#top a[href$="?id=9"] b { font-size: 0; }
#top a[href$="?id=1"] b { font-size: 0; }
#top a[href$="?id=25"] b { font-size: 0; }
#top a[href$="?id=35"] b { font-size: 0; }
#top a[href$="?id=79"] b { font-size: 0; }
#top a[href$="?id=88"] b { font-size: 0; }
#top a[href$="?id=94"] b { font-size: 0; }
#top a[href$="?id=165"] b { font-size: 0; }
#top a[href$="?id=351"] b { font-size: 0; }

#top a[href$="?id=9"] b:after {
  font-size: 15px;
  font-weight: bold;
  content: "Dame Da Ne!";
  color: #3c5a99;
}
#top a[href$="?id=1"] b:after {
  font-size: 15px;
  font-weight: bold;
  content: "Vladimir Putin";
  background: linear-gradient(90deg,#f0f 0,#0ff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
#top a[href$="?id=25"] b:after {
  font-size: 15px;
  font-weight: bold;
  content: "Cutest cat";
  color: brown;
}
#top a[href$="?id=35"] b:after {
  font-size: 15px;
  font-weight: bold;
  content: "Chuck McGill";
  background: linear-gradient(180deg,#F8DC4D 0,#B30914 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
#top a[href$="?id=79"] b:after {
  font-size: 15px;
  font-weight: bold;
  content: "Gustavo Frinj";
  background: linear-gradient(150deg,#093009 0,#369457 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
#top a[href$="?id=88"] b:after {
  font-size: 15px;
  font-weight: bold;
  content: "FwugRadiation";
  color: #FF0000;
}
#top a[href$="?id=94"] b:after {
  font-size: 15px;
  font-weight: bold;
  content: "God";
  color: cyan;
  animation: anim_acid 2s infinite;
}
#top a[href$="?id=165"] b:after {
  font-size: 15px;
  font-weight: bold;
  content: "ziad87";
  color: cyan;
}
#top a[href$="?id=351"] b:after {
  font-size: 15px;
  font-weight: bold;
  content: "Dril";
  color: #1D9BF0;
}*/