body {
    background: black;
    background-size: 200px;
    background-attachment: fixed;
    background-image: url(https://img1.picmix.com/output/stamp/normal/0/8/5/0/1750580_43970.gif);
    font-family: Luminari, fantasy;
    color:url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQZONnhBrRtyK6K0pgbOM9Tfxo0Ifppm6z68g&usqp=CAU);
    text-shadow: 1px 1px white;
    color: white;
    padding-top: 45px;
    font-size: 15px;
    text-align: center;
     -webkit-animation:rainbow-shadow 3s linear infinite;
     
}
div.topRight.blogCard {
    position: fixed
}
.blogPost {
    width: 640px;
}
div.topLeft.blogCard {
    position: fixed;
}
.blogCard .avatar {
    width: 207px;
}
.blog {
    background-color: transparent;
    padding: 15px;
}
.extended {
    border: 2px solid white;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 15px;
}
.rightHead {
    background: url(https://i.gifer.com/Dgit.gif);
    color: white;
    border: 2px solid white;
    padding-left: 4px;
}
/* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/anime/ani-12/ani1105.cur), auto !important;} /* End https://www.cursors-4u.com */
.boxInfo {
    border: 2px solid #FFFFFF;
    background-image: url(https://i.gifer.com/YTcn.gif);
    margin-bottom: 20px;
    width: fit-content;
    margin-top: 20px;
    margin-left: 35px;
}
#report {
    font-size: 0px;
    background-image:url(https://www.picgifs.com/graphics/a/anime/graphics-anime-649043.gif);
    background-size: contain;
}
#report:after {
    content:"Report";
    font-size: medium;
    color: white;
}
#block {
    font-size: 0px;
    background-image:url(https://www.picgifs.com/graphics/a/anime/graphics-anime-649043.gif);
    background-size: contain;
}
#block:after {
    content:"Block";
    font-size: medium;
    color: white;
    padding-top: 8px;
}
#add {
    font-size: 0px;
    background-image:url(https://www.picgifs.com/graphics/a/anime/graphics-anime-427125.gif);
    background-size: contain;
}
#add:after {
    content:"Friend";
    font-size: medium;
    color: white;
}
#sMsg {
    font-size: 0px;
    background-image:url(https://www.picgifs.com/graphics/a/anime/graphics-anime-427125.gif);
    background-size: contain
}
#sMsg:after {
    content:"Message";
    font-size: medium;
    color: white;
}
img:hover {
    animation: shake 0.9s;
    animation-iteration-count: infinite;
}
#add:hover {
    animation: shake 0.9s;
    animation-iteration-count: infinite;
}
#report:hover {
    animation: shake 0.9s;
    animation-iteration-count: infinite;
}
#block:hover {
    animation: shake 0.9s;
    animation-iteration-count: infinite;
}
#sMsg:hover {
    animation: shake 0.9s;
    animation-iteration-count: infinite;
}
#name.uName {
    display: block;
    content: "";
    font-size: 50px;
    width: 100%;
     margin-top: 0px;
    margin-bottom: 15px;
    text-align: center;
    overflow: auto;
    box-sizing: border-box;
    color: white;
     -webkit-animation:rainbow-shadow 3s linear infinite; 
    
}
a.logo {
    color: white;
    margin-right: 50px;
    text-shadow: 0px 0px 4px white;
    font-size: large;
    text-decoration: none;
}
div#hSub {
    all: unset;
    background-image: url(https://i.gifer.com/YTcn.gif);
    font-family: "bradley Hand", cursive;
    font-size: 15px;
    background: black;
    font-size: medium;
    margin: 0px;
    padding: 5px;
    padding-top: 5px;
    padding-left: 5px;
    padding-left: 10px;
    padding-top: 4px;
    position: fixed;
    left: 0;
    border-bottom: 10px solid black;
    top: 34px;
    width: calc(100% - 15px );
    color: white;
    height: 15px;
    z-index: 300;
}
div#header {
    all: unset;
    font-family: "bradley Hand", cursive;
    font-size: 15px;
    background: black;
    background-image: url(https://64.media.tumblr.com/b8f3b7ef1a7ae9a41139cded63fe6310/ec1d07f6c75bd380-95/s400x600/d7e83fcce145415557d7e5c5dcadd926eedea445.gifv);
    color: #fff;
    position: fixed;
    width: calc( 100% - 15px );
    height: 22px;
    padding: 5px;
    left: 0px;
    top: 0px;
    margin-bottom: 40px;
    border-bottom: 1px black;
    padding-left: 10px;
    padding-top: 6px;
    overflow: hidden;
    z-index: 300;
    border: 3px solid white;
}
.tableLeft > a > div {
    overflow: hidden;
    max-width: 115px;
    text-align: center;
    margin-left: 9px;
}
.player {
    padding: 4px;
    margin-top: 20px;
    margin-bottom: 20px;
    background: url(https://i.pinimg.com/originals/fe/63/52/fe635213e191685131500fca1cab7299.gif);
    color: white;
    width: calc(100% - 10px );
    border: 1px solid transparent;
    margin-bottom: 20px;
    border: 3px solid white;
}
.player::before {
    content: "";
    display: block;
    position: relative;
    width: calc(40% -20px);
    height: 390px;
    max-width: 390px;
    background-position: 0 0;
    background-size: 100% 100%;
    background-image: url(https://i.gifer.com/FNJJ.gif);
    color: black;
}
h4 {
    color: black;
    margin-bottom: 0px;
}
.avatar {
    box-shadow: 0px 0px 10px white;
    border: 2px solid white;
    width: 200px;
    margin-right: 20px;
    cursor: zoom-in;
    image-orientation: from-image;
}
.shortRight:before{
    content: "";
    display: block;
    background-image:url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/01584bbb-b610-416e-bf6b-693dc291c7b7/db3558n-670a11a8-3dc8-4834-902b-3ad9937d0dad.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOiIsImlzcyI6InVybjphcHA6Iiwib2JqIjpbW3sicGF0aCI6IlwvZlwvMDE1ODRiYmItYjYxMC00MTZlLWJmNmItNjkzZGMyOTFjN2I3XC9kYjM1NThuLTY3MGExMWE4LTNkYzgtNDgzNC05MDJiLTNhZDk5MzdkMGRhZC5naWYifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6ZmlsZS5kb3dubG9hZCJdfQ.Skaf7O63FvudVxMqvqNyqTH_gU9vy3DSdTBbekvlYI4);
    height: 15px;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: auto 15px}

}
div#online {
 content: url(https://i3.glitter-graphics.org/pub/2536/2536203s3trhd82ev.gif);
 display: block;
 margin-left: auto;
 margin-right: auto;
 width: 40%;

} 
.boxHead {
    display: none;
}
.tableLeft img {
    max-width: calc(100%);
    box-shadow: 0px 0px 5px white;
    image-orientation: from-image;
    border: 2px solid white;
}
.fwiendFace img {
    box-shadow: 0px 0px 5px white;
    width: calc( 100% );
    border: 2px solid white;
}
a {
    color: white;
}
#viewFriends {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}
.fwiendFace b {
    overflow: hidden;
    color: white;
}
.fwiendCount {
    color: white;
}

a:hover {
  -webkit-animation:colorchange 0.5s infinite;
}

@-webkit-keyframes colorchange {
     0% {
        color: blue;
      }
      20% {
        color: green;
      }
      40% {  
        color: yellow;
      }
      60% {  
        color: orange;
      }
      80% {
        color: red;
      }
      100% {
        color: violet;
      }
  }

@-webkit-keyframes rainbow-shadow {
  from {
    text-shadow:
      0.04em 0.04em #ff0000,
      0.08em 0.08em #ff7f00,
      0.12em 0.12em #ffff00,
      0.16em 0.16em #00ff00,
      0.20em 0.20em #0000ff,
      0.24em 0.24em #4b0082,
      0.28em 0.28em #8f00ff;
  }
  15% {
    text-shadow:
      0.04em 0.04em #8f00ff,
      0.08em 0.08em #ff0000,
      0.12em 0.12em #ff7f00,
      0.16em 0.16em #ffff00,
      0.20em 0.20em #00ff00,
      0.24em 0.24em #0000ff,
      0.28em 0.28em #4b0082;
  }
  30% {
    text-shadow:
      0.04em 0.04em #4b0082,
      0.08em 0.08em #8f00ff,
      0.12em 0.12em #ff0000,
      0.16em 0.16em #ff7f00,
      0.20em 0.20em #ffff00,
      0.24em 0.24em #00ff00,
      0.28em 0.28em #0000ff;
  }
  45% {
    text-shadow:
      0.04em 0.04em #0000ff,
      0.08em 0.08em #4b0082,
      0.12em 0.12em #8f00ff,
      0.16em 0.16em #ff0000,
      0.20em 0.20em #ff7f00,
      0.24em 0.24em #ffff00,
      0.28em 0.28em #00ff00;
  }
  60% {
    text-shadow:
      0.04em 0.04em #00ff00,
      0.08em 0.08em #0000ff,
      0.12em 0.12em #4b0082,
      0.16em 0.16em #8f00ff,
      0.20em 0.20em #ff0000,
      0.24em 0.24em #ff7f00,
      0.28em 0.28em #ffff00;
  }
  75% {
    text-shadow:
      0.04em 0.04em #ffff00,
      0.08em 0.08em #00ff00,
      0.12em 0.12em #0000ff,
      0.16em 0.16em #4b0082,
      0.20em 0.20em #8f00ff,
      0.24em 0.24em #ff0000,
      0.28em 0.28em #ff7f00;
  }
  90% {
    text-shadow:
      0.04em 0.04em #ff7f00,
      0.08em 0.08em #ffff00,
      0.12em 0.12em #00ff00,
      0.16em 0.16em #0000ff,
      0.20em 0.20em #4b0082,
      0.24em 0.24em #8f00ff,
      0.28em 0.28em #ff0000;
  }
  to {
    text-shadow:
      0.04em 0.04em #ff0000,
      0.08em 0.08em #ff7f00,
      0.12em 0.12em #ffff00,
      0.16em 0.16em #00ff00,
      0.20em 0.20em #0000ff,
      0.24em 0.24em #4b0082,
      0.28em 0.28em #8f00ff;
  }
}
.tableLeft {
    background: transparent;
    width: 25%;
    padding: 10px;
    vertical-align: top;
    overflow: hidden;
}
.tableRight {
    width: 75%;
    background: transparent;
    padding: 10px;
    vertical-align: top;
    overflow-wrap: anywhere;
}
.topLeft {
    margin-top: 20px;
    box-shadow: 0px 0px 10px white;
    background-repeat: no-repeat;
    background: blue;
    background-image: url(https://i.gifer.com/YTcn.gif);
    background-size: 100% 100%;
    box-sizing: border-box;
    border: 3px solid white;
}
.topRight {
    box-shadow: 0px 0px 10px white;
    margin-top: 30px;
    background: black;
    background-image: url(https://i.gifer.com/YTcn.gif);
    margin-bottom: 30px;
    border: 3px solid white;
}
div#footer::after {
    content: " CSS made by Genesis on myspace.windows93.net";
}
.songName span {

display: inline-block;

width: 500px;

font-size: small;

padding-left: 100%;

animation: marquee 15s linear infinite;
}

.songName span:hover {

animation-play-state: paused;
}

@keyframes marquee{

0% {

transform: translate(0, 0);
}

100% {

transform: translate(-100%, 0);
}
.songName {
    margin-top: 0px;
    font-size: large;
    border: 3px solid white;
}
}
@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,1px) rotate(0deg);
    }
 
}
a:hover {
  animation: changeColor 1.5s linear infinite;
}
@keyframes changeColor{
    0%{color:#9500ff;}
    10%{color:#fff200}
    20%{color:#00fff7;}
    30%{color:#ff8400}
    40%{color:#00ff0d;}
    50%{color:#ff00aa}
    60%{color:#ff0000;}
    70%{color:#7404c9}
    80%{color:#ff00d4;}
    90%{color:#029604}
    100%{color:#bbff00}
}