gamz theme [UPDATED]

/* please credit https://myspace.windows93.net/?id=8333 for the css! message me on discord gamz#1312 for any questions and plz dont delete my watermark */

/* ALSO the 'edit profile' button is not accessible from your page with this theme! i would suggest bookmarking it and accessing it from there */

.player audio, .player audio::-webkit-media-controls, .player audio::-webkit-media-controls-panel, .player audio::-webkit-media-controls-enclosure {
    background: transparent;
    filter: none;
}

.url.box {
    background: url(https://cdn140.picsart.com/270249126011211.png?type=webp&to=min&r=640) no-repeat;
    position: fixed;
    right: 0;
    bottom: -11px;
    color: #ffffff00;
    background-size: 300px;
    height: 270px;
    width: 270px;
    border: none;
    box-shadow: none;
    filter: drop-shadow(8px 9px 15px #00000044);
    z-index: 1000;
    font-size: 0px;
    opacity: 1;
}

span#lastLogin {
    font-size: 0px;
}

span#lastLogin:after {
    content: "4/13/2009";
    font-size: small;
}

.rightHead {
    background: blueviolet;
    color: white;
    padding-left: 4px;
    text-transform: uppercase;
    display: none;
}

.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;
}

#header, #hSub {
    padding: 5px !important;
    background: url(https://media1.giphy.com/headers/jmckeehen/s2wy7iphPP98.gif)!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
text-align: center!important;
position: absolute!important;
font-family: monospace!important;

}

.logo b:before {
    content: "HONK honk HONK honk HONK honk HONK honk HONK honk HONK honk HONK honk HONK honk HONK honk HONK honk HONK honk HONK honk HONK honk HONK honk";
    font-size: 18px;
text-shadow: 1px 0px 3px blueviolet;
}

.logo b span {
    display: none;
    background: white;
    animation: colorRotate 6s linear 0s infinite;
text-shadow: 1px 0px 3px blueviolet;

}

.blurbs>.blogs>div:not(:first-child):before {
    content: "";
    display: block;
    width: 96px;
    height: 64px;
    background: url(https://cdn.discordapp.com/attachments/400728455911702540/735347610382237746/New_Piskel-1.png_3.png);
    background-repeat: no-repeat;
    background-position: center;
background-size: contain;
}

.blurbs>.blogs>div:not(:first-child):hover:before {
    content: "";
    display: block;
    width: 96px;
    height: 64px;
    background: url(https://cdn.discordapp.com/attachments/400728455911702540/735337725900881951/New_Piskel.gif);
    background-repeat: no-repeat;
    background-position: center;
background-size: contain;
}

.blurbs>.blogs>div:not(:first-child) {
    width: 96px;
    text-align: center;
    margin: 0 20px;
}

.blogs {
    display: flex;
    flex-flow: row wrap;
    padding-top: 16px;
    padding-bottom: 16px;
}

@keyframes fadein {
0% {
    opacity: 0;
}

10% {
    opacity: 0;
}
100% {
    opacity: 1;
 }
}
.topRight {
    -webkit-animation: fadein 3s;
}
.topLeft {
    -webkit-animation: fadein 2s;
}


.fwiendCount {
    color: chartreuse;
    font-size: 18px!important;
}

.fwiendCounter {
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 0;
}

.fwiendCounter:after {
    content: " CHILL MOTHERFUCKERS :o)";
    font-size: 18px;
}

.box.fwiends {
    background-image: url(http://images6.fanpop.com/image/photos/39500000/sober-Gamzee-Desktop-Background-homestuck-39528965-1920-1080.png)!important;
}

a:hover, #commentInput, ::selection {
    animation: colorRotate 0.5s linear 0s infinite;
}

.fwiendFace {
    max-width: 25%;
    display: inline-grid;
    width: calc( 24% - 6px );
    padding: 3px;
    text-align: center;
    opacity: 0;
  transition: opacity 2s ease 0.4s, transform 0.8s ease;
}

.fwiendFace:hover {
opacity: 1;
  transition: opacity 0.2s ease;
  transform: scale(1.04);


}

body {
 background-image: url("https://i.gifer.com/Mg4.gif");
background
 background-color: #cccccc;

    font-family: monospace;
    padding-top: 45px;
    font-size: 15px;
    color: white;
    text-shadow: 2px 0px deeppink;
}

p {
  color: white;
  text-align: center;
  font-family: monospace;
}

a {
    color: chartreuse;
}

td.shortRight {
    text-transform: uppercase;
    color: white;
    font-family: monospace;
}

.url {

padding: 2px;
border: none;
    color: chartreuse;
    font-family: monospace;
    text-transform: uppercase;
    text-align: center;
    background-color: blueviolet;
}

h2#name {
    font-family: monospace;
    color: blueviolet;
    font-size: 0px;
}

h2#name:after {
    content: "G A M Z";
    font-size: 80px;
}

.rightHead {
    background: blueviolet;
    color: white;
    padding-left: 4px;
    text-transform: uppercase;
}


div#about {
    padding-top: 10px;
    padding-bottom: 10px;
}

.fwiendCount {
    color: chartreuse;
}

.topRight > .box:not(.blurbs) > .rightHead > b::after {
    content: "best buds";
    color: white;
    font-size: 15px;
}

.topRight > .box:not(.blurbs) > .rightHead > b > span.uName {
    font-size: 0px;
    background: #000000;
}

.topRight > .box:not(.blurbs) > .rightHead > b {
    font-size: 0;
}

.box, #box {
    background-image: url(https://cdn.lowgif.com/full/9b6f6ad27d28c96b-roccat-khan-aimo-auriculares-con-sonido-7-1-virtual-e.gif);
padding: 5px;
    padding: 1px;
    margin-bottom: 10px;
    color: white;
    opacity: 0.9;
    box-shadow: 5px 5px 5px #000000;
}

#gender {
    font-size: 0px!important;
}

#gender::after {
    content: "CLOWN";
    font-size: 15px;
}

#age {
font-size: 0px!important;
}

#age::after {
content: "420";
font-size: 15px;
    animation: colorRotate 6s linear 0s infinite;


}

div#container {
    border: 3px double chartreuse;
    padding-left: 50px;
    padding-right: 50px;
    background-image: url(https://i.pinimg.com/originals/56/5f/47/565f472d3df667cf4adf74fdae6a333a.gif);
}

.tableRight, .short, .player, .extended {
    background: #ffffff00;
padding: 5px;
    background-image: url(https://i.pinimg.com/originals/e1/c1/8d/e1c18d4add1909eb98a80b83cf562618.gif);
    overflow-wrap: anywhere;
    background-size: cover;
    background-position: center;
    box-shadow: 5px 5px 5px #000000;
}

.topLeft:hover:after, .avatar:hover, .url.box:hover {
  animation: shake 0.2s;
  animation-iteration-count: infinite;
}

.avatar {
    width: 200px;
    margin-right: 20px;
    cursor: zoom-in;
    image-orientation: from-image;
    border-radius: 300px;
    border: 5px double white;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(0deg); }
  20% { transform: translate(-3px, 0px) rotate(0deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(0deg); }
  50% { transform: translate(-1px, 2px) rotate(0deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(0deg); }
  80% { transform: translate(-1px, -1px) rotate(0deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(0deg); }
}

h4 {
    color: #cc6633;
    margin-bottom: 0px;
    display: none;
}

.boxHead {
    color: white;
    padding: 3px;
    padding-left: 6px;
    background: linear-gradient(45deg, blueviolet, transparent);
}

.topLeft:after {
    content: "";
    white-space: pre-wrap;
width: 295px;
height: 266px;
    display: block;
    background-image: url(lll), url(https://pa1.narvii.com/6282/f594651dbe43291b10fd3d6512a2010904470e3f_00.gif);
    background-repeat: no-repeat, repeat, repeat, repeat, repeat;
}


html, a {
    cursor: url(https://cursors3.totallyfreecursors.com/thumbnails/clown.gif), auto !important;
}

#sMsg, #add, #block {
    background-repeat: no-repeat;
    font-size: 0px;
}

#sMsg::after {
content: "PESTER";
font-size:13px;
    animation: colorRotate 6s linear 0s infinite;

}

#add:after {
content: "ADD CHUM";
font-size:13px;
    animation: colorRotate 6s linear 0s infinite;

}

#block:after {
content: "TROLLSLUM";
font-size:13px;
    animation: colorRotate 6s linear 0s infinite;

}

#report {

    animation: colorRotate 6s linear 0s infinite;
    text-transform: uppercase;
}

td.tableLeft {

background-color: blueviolet;

}

.extended.box::after {
    content: "GOD LIKES ME";
display: block;
    font-size: 15px;
}

.extended.box {
font-size: 0px;
padding: 10px;

}

div#online {
    background-image: url(http://www.myspacegens.com/images/online_now/309.gif);
    background-repeat: no-repeat;
}

div#online img {
    opacity: 0;
}

@keyframes colorRotate {
    from {
        color: rgb(255, 0, 0);
    }
    16.6% {
        color: rgb(255, 0, 255);
    }
    33.3% {
        color: rgb(0, 0, 255);
    }
    50% {
        color: rgb(0, 255, 255);
    }
    66.6% {
        color: rgb(0, 255, 0);
    }
    83.3% {
        color: rgb(255, 255, 0);
    }
    to {
        color: rgb(255, 0, 0);