Myspace CSS ver 2.0

/*
__  __          _____  _____ _____      __
|  \/  |        / ____|/ ____/ ____|  _  \ \
| \  / |_   _  | |    | (___| (___   (_)  | |
| |\/| | | | | | |     \___ \\___ \       | |
| |  | | |_| | | |____ ____) |___) |  _   | |
|_|  |_|\__, |  \_____|_____/_____/  (_)  | |
        __/ |                           /_/
       |___/
made by pannacottafugo on myspace :3
Mostly fully commented im sure you can figure it out :)
*/
/*changes font of site*/
div#header{
    background-color: black;
    font-family: Georgia;}

/*changes background and font of that things at the top that says
"Home|Fwiends|All|Random|Online|Music|News|Search"
as well as the part that says
"myspace.windows93.net  Mailbox Logout"
https://i0.wp.com/64.media.tumblr.com/1f3ad12dfb8cca16e68e1e7be9553b23/ca21c741efa4e4f0-25/s640x960/0d69a7e2cf5f6b69f18d7f1978d62989861fc565.gif*/
div#hSub{
    background-image: url("https://s3.amazonaws.com/image.blingee.com/images12/content/output/2007/6/25/215032681_7ba68198.gif?4");
    font-family: Georgia;
    text-align: center;}

.logo{visibility: hidden;}

.logo::after {
    content: "This ain't no ordinary ice cream shop";
    font-family: Pacifico;
    font-size: 20px;
    font-weight: 900;
    position: absolute;
    color: yellow;
    visibility: visible;
    animation: lemonblink .5s linear infinite;
    }
.logo:hover::after {
    content: "Alright, Alright. Make me hip hop cherry pop";
    font-family: Pacifico;
    font-size: 20px;
    font-weight: 900;
    position: absolute;
    color: yellow;
    visibility: visible;
    animation: lemonblink .5s linear infinite;
    }

span#hUp::before {
    content: "The sky is not blue";
    color: #8800f0;
    font-size: small;
    text-decoration: underline;
    animation: blinker .5s linear infinite;
    }

span#hUp:hover::before{
    content: "The grass is not green";
    color: #8800f0;
    font-size: small;
    text-decoration: underline;
    animation: blinker .5s linear infinite;
    }

/*changes cursor(mines that one with hatsune miku! all other instances of
"cursor: " change the hovering links to nyan cat :3)*/
* {cursor: url(https://ani.cursors-4u.net/nature/nat-11/nat1049.cur), auto !important;}

/*changes backround of blog as a whole*/
body {
    font-family: Georgia;
    font-variant: small-caps;
    background-image: url("https://i.imgur.com/aGm9ouh.jpg");
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    color: white;
    animation: bounce 4s;
    animation-iteration-count: infinite;
  }

/*just kinda changes general text color*/
p{color: white;}
b{color: white;}
ul{color: white;}

/*changes"Edit your profile"/"pannacottafugo is in your extended network" box*/
div.extended.box{
    background-image: url("https://i.pinimg.com/originals/ac/25/4e/ac254e3b47185dfc8accba22f06bbc38.gif");
    color: white;
  }


/*changes that box at the top with your userna*/
h2#name.uName{
    background-image: url("https://p.favim.com/orig/2018/10/08/red-glitter-gif-Favim.com-6406274.gif");
    color:white;
    text-align: center;
    visibility: visible;}

h2#name.uName:hover{
    background-image: url("https://p.favim.com/orig/2018/10/08/red-glitter-gif-Favim.com-6406274.gif");
    color:white;
    text-align: center;
    visibility: visible;
    animation: lemonblink .5s linear infinite;
  }

/*changes those things that say "About me" and "Who id like to meet"*/
h4{
    background-image: url("https://i0.wp.com/64.media.tumblr.com/1f3ad12dfb8cca16e68e1e7be9553b23/ca21c741efa4e4f0-25/s640x960/0d69a7e2cf5f6b69f18d7f1978d62989861fc565.gif");
    color: white;}

/*kinda just fixes up the avatar image on ur page*/
.avatar {
    width: 100%;
    margin-top: 20px;
    margin-right: 20px;
    cursor: url(https://cur.cursors-4u.net/symbols/sym-1/sym56.cur), auto !important;}

/*changes color of the blurbs(thing with ur quote, age and gender)*/
.blurbs, #top, #box, .box, #header, #hSub{
    background: black;
    color: black;
  /*background-color: white;*/}

/*changes look of the submit buttons for when u submit a comment*/
button{
  background-image: url("https://i0.wp.com/64.media.tumblr.com/1f3ad12dfb8cca16e68e1e7be9553b23/ca21c741efa4e4f0-25/s640x960/0d69a7e2cf5f6b69f18d7f1978d62989861fc565.gif");
  color: white;
  cursor: url(https://cur.cursors-4u.net/symbols/sym-1/sym56.cur), auto !important;}
input{
  background-image: url("https://i0.wp.com/64.media.tumblr.com/1f3ad12dfb8cca16e68e1e7be9553b23/ca21c741efa4e4f0-25/s640x960/0d69a7e2cf5f6b69f18d7f1978d62989861fc565.gif");
  color: white;
  cursor: url(https://cur.cursors-4u.net/symbols/sym-1/sym56.cur), auto !important;}

/*not even gonna lie i forgot what this does*/
td.shortRight {
    background-color: black;
    color: white;
    background-size: 100%;}
td.shortRight:hover {
    background-color: black;
    color: white;
    background-size: 100%;
    animation: blinker 2s linear infinite;
}

/*nyan cat hover cursor :3*/
img{cursor: url(https://cur.cursors-4u.net/symbols/sym-1/sym56.cur), auto !important;}

/*i seriously forgot what this does -_-'*/
#imgPreview img {
    width: auto;
    height: auto;
    max-height: calc(100% - 10px );
    max-width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border: 5px solid #fff0;
    cursor: zoom-out;
    background: #fff0;}

/*moar cursor :OOO*/
a:-webkit-any-link {
    color: #a863e4;
    cursor: url(https://cur.cursors-4u.net/symbols/sym-1/sym56.cur), auto !important;}

/*BUTTONS*/
#add {
    background-repeat: no-repeat;
    background-image: url(https://i.ibb.co/gzwdSy9/Image-869513-1.png);
    background-size: 30px;}
#sMsg {
    background-repeat: no-repeat;
    background-image: url(https://cdn.techjourney.net/2007/06/agf_purple.png);
    background-size: 30px;}
#report {
    background-repeat: no-repeat;
    background-image: url(https://cdn.discordapp.com/attachments/716339893063778375/722706355697221695/1592377015590.png);
    background-size: 30px;
    /*display: none;*/}
#block {
    background-repeat: no-repeat;
    background-image: url(https://i.ibb.co/25nw8Tj/error.png);
    background-size: 30px;
    /*display: none*/;}

/*hehe i forgot what these do too -v- theyre just lil details tho im sure u
can figure it out*/
div.blogs {color:white;
}
div.topRight {background-color: black;
    text-align: center;}
div.url.box{background-image: url("https://s3.amazonaws.com/image.blingee.com/images12/content/output/2007/6/25/215032681_7ba68198.gif?4")}

/*the funny dancy boys on top of my audio*/
.player::before {
    content: "";
    color: #000000;
    background-image: url("https://external-preview.redd.it/TA5E-qkzqcIdYQLX7lvuuYbU0aaIA58VK3Sy2IOtrz0.jpg?auto=webp&s=de295b91cbb4d873699ba41c24cff890a78132e3");
    background-size: 100%;
    image-position: center;
    white-space: pre-wrap;
    background-repeat: no-repeat;
    display: block;
    position: relative;
    /*border: #0046ff 2px solid;*/
    text-align: center;
    height: 430px;
    /*width: 480px;*/}

div.player.box{
    background-image: url("https://s3.amazonaws.com/image.blingee.com/images12/content/output/2007/6/25/215032681_7ba68198.gif?4");}
textarea#commentInput{
    background-image: url("https://p.favim.com/orig/2018/10/08/red-glitter-gif-Favim.com-6406274.gif");
    color: white;
    border: 2px dashed white;
}

/*the comment sections :OOOO wooahhhhh*/
.tableLeft {
    width: 25%;
    padding: 10px;
    vertical-align: top;
    overflow: hidden;
    border: 2px dashed white;
    color: white;
    background-image: url("https://i0.wp.com/64.media.tumblr.com/1f3ad12dfb8cca16e68e1e7be9553b23/ca21c741efa4e4f0-25/s640x960/0d69a7e2cf5f6b69f18d7f1978d62989861fc565.gif"); }
.tableRight {
    width: 75%;
    padding: 10px;
    vertical-align: top;
    border: 2px dashed white;
    color: white;
    background-image: url("https://64.media.tumblr.com/e60bdc0da23dc7f9bd1b1a6990372fa4/tumblr_ogecdxyARX1vsjcxvo1_640.gifv");
    overflow-wrap: anywhere;}
.rightHead, .boxHead {
    background-image: url("https://s3.amazonaws.com/image.blingee.com/images12/content/output/2007/6/25/215032681_7ba68198.gif?4");
    background-color: #000000;
    color: white;
    font-weight: none;}

/*make profile pixtures the same size unlike the wacky rectangles :3*/
.fwiendFace img {
    width: calc( 100% );
    height: 135px;
    object-fit: cover;}

.fwiendFace img:hover{
  animation: fwiendbounce 1s;
  /* When the animation is finished, start again */
  animation-iteration-count: 1;
}

img:hover {
  /* Start the shake animation and make the animation last for 0.5 seconds */
  animation: shake 0.5s;
  /* When the animation is finished, start again */
  animation-iteration-count: infinite;}

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

  @keyframes bounce {
      50% { transform: translateY(0); }
      50% { transform: translateY(-20px); }
    }

@keyframes fwiendbounce {
      0%   { transform: scale(1,1)      translateY(0); }
      10%  { transform: scale(1.1,.9)   translateY(0); }
      30%  { transform: scale(.9,1.1)   translateY(-100px); }
      50%  { transform: scale(1.05,.95) translateY(0); }
      57%  { transform: scale(1,1)      translateY(-7px); }
      64%  { transform: scale(1,1)      translateY(0); }
      100% { transform: scale(1,1)      translateY(0); }
    }

@keyframes blinker {
      20% {color: magenta;}
      40% {color: yellow;}
      60% {color: lime;}
      80% {color: cyan;}
      100% {color: #8800f0;}
    }
@keyframes lemonblink{
      0% {color: yellow;}
      50% {color: red;}
}