$randomNumber: random(180);

html {
  filter: hue-shift($randomNumber);
}

/* @import url('https://winterclover.github.io/Pesterchum-Discord-Theme/fonts/stylesheet.css');
::placeholder, body, button, input, select, textarea, inline, code{font-family: 'courier_prime';}


html{
	--font-primary: courier_prime, "Courier New", Courier, monospace;
	--font-display: courier_prime, "Courier New", Courier, monospace;
	--font-code: courier_prime, "Courier New", Courier, monospace;
} */

a:link{ color: #adadad;}
 a:visited{ color: #808080;}
 a:hover{ color: #f8f800; text-shadow: 2px 2px black;}
 a:active{ color: #ffff00; text-shadow: 1px 1px black;}
   
 a::selection{ background:#000000;}
  ::selection{ background:#030303; color:#d9d9d9;}

/* I stole this VVV from Don (user 305)'s page :p   */

::-webkit-scrollbar {

}

::-webkit-scrollbar-track {

}
 
::-webkit-scrollbar-thumb {

}

::-webkit-scrollbar-thumb:hover {

}
/* end of blatant thievery :p */
 
* {
    cursor: url(https://cur.cursors-4u.net/cursors/cur-11/cur1054.cur), auto !important;
}
	

.blockButton {
  background-image: url(https://i.pinimg.com/originals/ec/74/04/ec74049d5f356906e13949f9f565e5a9.gif);
    color: red;
}

.unfwiendButton {
  background-image: url(https://myspace.f46n.org/res/discord/attachments/803941895134380062/1033522566721192036/unknown.png);
    color: red;
}

.fwiendButton {
  background-image: url(https://i.imgur.com/kbNMnFL.gif);
    color: red;
}

.msgButton {
  background-image: url(https://i.imgur.com/bnB3zi2.gif);
    color: red;
}

.reportButton {
   background-image: url(https://i.imgur.com/2gZOXpH.gif);
    color: red;
}




body {
	background-image: url(http://68.media.tumblr.com/bf4026cb1c2e6e9894a799bf60203785/tumblr_otkozjudaA1wt5cmyo1_500.gif);
	background-size: cover;
	background-attachment: fixed;
}



/* Header stuff */

div.headerBottom {
	background-color: transparent;
	display: inline-block;
        margin: 50px;
        position: fixed;
}

div.headerBottom a {
        border-radius: 5px;
        border: black 2px solid;
        display: inline-block;
        padding: 10px;
        background-color: #d9d9d9;
        box-shadow: -10px 0px grey;
}

.headerBottom , .headerBottom span #text{
        color: black;
        font-weight: bold;
}

div.headerBottom a:hover {
	transform: translateX(-5px);
	box-shadow: -5px 0px grey;
}


div.headerBottom a:active {
	transform: translateX(-10px);
	box-shadow: 0px 0px grey;
}



div.headerBottom a {
    border-radius: 5px;
    border: black 2px solid;
    display: inline-block;
    padding: 10px;
    background-color: #d9d9d9;
    box-shadow: -10px 0px grey;
}

.headerBottom {
	background-color: transparent;
	font-size: small;
	margin: 0px;
	padding: 6px;
	padding-left: 10px;
	padding-top: 4px;
	position: fixed;
	left: 0;
	top: 34px;
	width: 92px;
	color: #000;
	height: 15px;
	z-index: 300;}


.headerTop {
 background-color: #000000;

}

#song.contactInfo, #friends.contactInfo, .commentRight {

        background-color: #ffff05;
	padding: 10px;
	vertical-align: top;
	overflow-wrap: anywhere;
	background-size: 100%;
        border: 8px groove #d1b02c;
        color: black !important;
}

.contactInfoTop {
    padding: 3px;
    padding-bottom: 4px;
    padding-left: 6px;
    color: black;
    background-color: #ffff00;
}

.left, .right {

	background-color: #d9d9d9;
	padding: 10px;
	vertical-align: top;
	overflow-wrap: anywhere;
	background-size: 100%;
        border: 8px groove gray;
}

.left { 
width: 225px;
position: relative;
}

.right {
width: calc(60% - 49px);
}

.info {
background-color: yellow;
color: black;
text-align: center;
}

.video {
    width: 100% !important;
    height: 100% !important;
}

textarea {
    width: 102.5%;
}

#yld.contactInfo {
    border: 1px solid black;
    box-shadow: 4px 4px #0004;
    width: 103.5%;
}

#siteTitle, .formerly { 
  font-size: 0px;
}

#siteTitle::after {
  content: "cyioNet";
  font-size: 16px;
}

#meet {
    font-size: 0px;
    background: url(https://i.imgur.com/qPzhayi.gif);
    background-size: 48px;
    background-repeat: no-repeat;
    right: 372px;
    bottom: 0;
    position: relative;
    color: transparent !important;
    height: 96px;
    width: 50px;
    border: none;
    box-shadow: none;
    padding: 0px;
    z-index: 1000;
    left: 297px;
    margin: -41px;
    top: 29px;
}

#meet:hover { 
background: url(https://i.imgur.com/Qa86298.png);
    background-size: 48px;
    background-repeat: no-repeat;
    right: 372px;
    bottom: 0;
    position: relative;
    color: transparent !important;
    height: 96px;
    width: 50px;
    border: none;
    box-shadow: none;
    padding: 0px;
    z-index: 1000;
    left: 297px;
    margin: -41px;
    top: 29px;
}


.wbox-main{
    width: fit-content;
    margin: auto;
    float: none;
}



.lastactive img {
    width: 1px;
}

.lastactive {
height: 0px;
width: 0px;
font-size: 0px;
}

h1.username::after { 
content: url(https://i.imgur.com/him4fjF.png);
font-size: 10px;
max-width: 16px;
max-height: 16px;
}

audio#audioelement {
    background: #f0f3f4;
    border: solid 2px;
    border-color: #e6e6e6;
}

div#group {
        border: 8px groove #570101;
        background: url(https://i.imgur.com/ryJgvM7.png);
        padding: 10px;
	vertical-align: top;
	overflow-wrap: anywhere;
	background-size: 100%;
}

#group .contactinfotop {
    background: transparent;
    color: red;
}


#smsg {
    background-color: white;
    color: black;
    border: 2px solid black;
    text-align: center;
    margin: 0px;
    padding: 0px;
    font-size: 0px;
}

#smsg::after {
    font-size: 20px;
    content:"Did you know that meb stands for 'myspace eats balls' ?";
}

#smsg::before {
    background-image: url(https://i.imgur.com/xqUZcKR.png);
    content: " ";
    width: 24px;
    height: 21px;
    position: absolute;
    display: block;
    left: 482px;
    font-size: large;
    background-size: cover;
}

html {
    filter: hue-rotate(
0deg
);
}

og:image {
content: "https://i.imgur.com/him4fjF.png";
}

.container {
    width: 75em;
    margin: auto;
    padding: 5px;
}

img#avatar {
    overflow: hidden;
    background: url(https://i.imgur.com/2jusQeT.png);
    position: relative;
    left: 14px;
    border: 2px solid;
}

.left {
    width: 267px;
    position: relative;
    left: 283px;
}

.LeftHandUserInfo {
    overflow: hidden;
}

.right {
    width: calc(40%);
    left: -84px;
    position: relative;
}
.commentPictures, .friendPreviewPicture, ruffle-player, img, .admin, .status, input, select, #group, .url, .header, .usersGrid {
	filter: grayscale(100%);
}
font-family: tahoma, arial, sans-serif !important;
animation: 0.5s ease-out 0s 1 expandDong;
}
.formerly {
display:none;
}
@keyframes expandDong {
 0% {
	opacity:0;
	transform:  rotate(10deg) scaleX(0) scaleY(0) ;
 }
 100% {
	opacity:1;
	transform:  rotate(0deg) scaleX(1) scaleY(1) ;
	}