stocking css v2

body{
      background-attachment:fixed;
      background-image:url(https://66.media.tumblr.com/2d963b20a17243e7fe0a64aced0c7b66/a5fac8d5b0399133-3a/s1280x1920/d5cf3e581f646cae38ea6d268bdb9a5332692d41.png);
      background-position:center;
      background-size:cover;
      color:#fff;
      font-family:Tahoma,Geneva,sans-serif;
      font-weight:500;
}

.extended{
      color:#fff;
      font-size:10px;
      text-shadow:0 0 3px rgba(69,0,112,0.5);
      text-shadow:#fff 0 0 7px;
}

.extended::after{
      background-image:url(https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fthumbs.gfycat.com%2FFeistyBackHapuku-size_restricted.gif&f=1&nofb=1);
      background-position:center;
      background-size:cover;
      border:2px solid #000;
      border-radius:25px;
      bottom:0;
      box-sizing:border-box;
      color:#fff;
      content:"chocolat, chocolat, so sweet and pure";
      display:block;
      font-family:Century Gothic;
      font-size:15px;
      font-weight:700;
      left:0;
      text-align:center;
      text-shadow:#fff 0 0 7px;
      top:0;
      width:100%;
}

.logo{
      font-size:0;
}

.logo::after{
      color:#fff;
      content:"Anarchy! Everyone wants to be me!";
      font-size:15px;
      font-weight:800;
}

div#header{
      background:#673888;
      font-family:Century Gothic;
}

div#hSub{
      background:#8246AD;
      font-family:Century Gothic;
}

#name{
      animation-duration:2.0s;
      animation-iteration-count:infinite;
      animation-name:flashy;
      font-family:Century Gothic;
      font-size:25px;
      margin:0;
      padding-bottom:15px;
      padding-left:5px;
}

@keyframes flashy{

0%{
     color:#a959ff;
}

30%{
     color:#03fcfc;
}

65%{
     color:#fc037b;
}

100%{
     color:#a959ff;
}
}


#name::after{
      content:" (or sto)";
}

a:link{
      color:purple;
      text-shadow:#000 0 0 5px;
}

a:active{
      color:#fc569c;
}

a:visited{
      color:#03e3fc;
}

.box{
      border:transparent;
}

.boxInfo{
      background:#4D076E;
      border:2px dashed #fff;
      border:2px solid #000;
      margin-bottom:1px;
}

.boxButton{
      color:#fff;
}

.boxHead{
      -webkit-text-stroke-color:#000;
      -webkit-text-stroke-width:1px;
      background:transparent;
      border:2x dashed #fff;
      color:#fff;
}

#sMsg{
      background-image:url(https://66.media.tumblr.com/adbf1fcd88407ec538c4a4d5498d527a/fec5713b6bd0c2bb-ee/s75x75_c1/5003ddfd33c9a41938439a1107947c7dc257474a.png);
      font-size:0;
}

#sMsg::after{
      content:"tell me something";
      font-size:13px;
}

#block{
      background-image:url(https://66.media.tumblr.com/02eb9727025f950fae07965d9d696082/fec5713b6bd0c2bb-b1/s75x75_c1/b1be75aa736554043a2e4adc356faa96de30b4b3.png);
font-size:0;
}

#block::after{
      content:"gn sweet prince";
font-size:13px;
}

#report{
      background-image:url(https://66.media.tumblr.com/a2fc2462953179d8be63e7473b610227/fec5713b6bd0c2bb-76/s75x75_c1/4afffbe5a03903a64b11a650ec4ebef3dd826b0d.png);
      font-size:0;
}

#report::after{
      content:"snitch to tom";
      font-size:13px;
}

#add{
      background-image:url(https://66.media.tumblr.com/bbc7dcb0bbff62d672e6c7e8583c4644/fec5713b6bd0c2bb-41/s75x75_c1/19cc82aa41a6bf5b753a5d8d36bd20b73acf976f.png);
      font-size:13px;
      text-transform:lowercase;
}

div.url.box{
      font-size:0;
      text-align:center;
}

div.url.box::after{
      -webkit-text-stroke-color:#000;
      -webkit-text-stroke-width:1px;
      color:#fff;
      content:"“self-control is bad for the soul.”";
      font-size:20px;
      font-weight:700;
      text-shadow:#A56FCC 0 0 3px;
}

.rightHead{
      -webkit-text-stroke-color:#000;
      -webkit-text-stroke-width:1px;
      background:transparent;
      color:#fff;
      font-size:18px;
      text-shadow:0 0 3px rgba(77,7,110,0.5);
}

.rightHead::before{
     content: url(https://66.media.tumblr.com/tumblr_ls18x47BY51qh1ook.gif);
     padding: 5px;
}

.rightHead::after{
     content: url(https://66.media.tumblr.com/tumblr_ls18x47BY51qh1ook.gif);
     padding: 5px;
}

.topLeft{
      animation-duration:1.5s;
      animation-name:slidein;
      background-image:url(https://66.media.tumblr.com/5ed70e537411e1d13872724fa9ce1f65/a5fac8d5b0399133-4c/s1280x1920/3303149d38eaac56d3c733c65b5f963851fa1d21.png);
      background-position:center;
      background-size:cover;
      border:2px solid #000;
      border-radius:25px;
      box-sizing:border-box;
      color:#fff;
      overflow:auto;
      padding:1px;
      position:relative;
      text-shadow:0 0 4px black;
      top:60px;
}

@keyframes slidein{
      from {
            margin-left:-100%;
}

      to {
            margin-left:0;
      }
}

.avatar{
      border:10px solid;
      border-image:url(https://i.gifer.com/8VvO.gif) 30 stretch;
      box-sizing:border-box;
      display:block;
}

#gender{
      position:relative;
      visibility:hidden;
}

#gender::after{
      content:"Angel? Demon?";
      font-size:15px;
      left:0;
      position:absolute;
      top:0;
      visibility:visible;
}

#age{
      position:relative;
      visibility:hidden;
}

#age::after{
      content:"🍬";
      font-size:15px;
      left:0;
      position:absolute;
      top:0;
      visibility:visible;
}

#country{
      position:relative;
      visibility:hidden;
}

#country::after{
      content:"Daten City";
      font-size:15px;
      left:0;
      position:absolute;
      top:0;
      visibility:visible;
}

#online{
      margin-top:0;
      padding:1px;
      position:relative;
      visibility:hidden;
}

#online::after{
      content:url("https://66.media.tumblr.com/0aba58a985096c2e488289597b4ccad8/63044b9c0c86e369-66/s250x400/1c41c3d05bd922837f03dea9c5657ba1a6b5a68d.png");
      left:0;
      position:absolute;
      top:0;
      visibility:visible;
}

.topRight{
      animation-duration:1.5s;
      animation-name:slide;
}

@keyframes slide{
      from {
            margin-right:-100%;
}

      to {
            margin-right:0;
}
}

.player{
      background-image:url(https://files.catbox.moe/hhswsl.png);
      background-position:center;
      background-size:cover;
      border:2px solid #000;
      color:#fff;
      margin:0 auto;
}

h4{
      -webkit-text-stroke-color:#000;
      -webkit-text-stroke-width:1px;
      background-image:url(https://www.joann.com/on/demandware.static/-/Sites-joann-product-catalog/default/dwea537ab8/images/hi-res/alt/16477879ALT1.jpg);
      background-position:center;
      background-size:cover;
      border:2px solid #000;
      border-bottom:0px;
      border-top-left-radius:25px;
      border-top-right-radius:25px;
      color:#fff;
      font-family:Century Gothic;
      font-weight:700;
      height:20px;
      position:relative;
}

.blurbs{
      margin-block-start:15px;
      text-align:center;
      text-shadow:0 0 3px rgba(255,255,255,0.5);
}

#about{
      background:rgba(142,93,154);
      border:2px solid #000;
      border-radius:25px;
      border-top-right-radius:0px;
      border-top-left-radius:0px;
      padding:15px;
}

#who{
      background:rgba(142,93,154);
      border:2px solid #000;
      border-radius:25px;
      border-top-right-radius:0px;
      border-top-left-radius:0px;
      padding:15px;
}

.fwiendCount{
      color:#00c6ed;
}

.fwiendCounter{
      -webkit-text-stroke-color:#000;
      -webkit-text-stroke-width:1px;
      color:#fff;
}

#top a{
      color:#fc569c;
      text-decoration:none;
}

.fwiendFace{
      background-image:url(https://i.gifer.com/8VvO.gif);
      border:2px solid #fff;
      border-radius:50%;
      font-size:0;
      height:100px;
      margin-bottom:5px;
      margin-right:5px;
      max-width:100vw;
      width:100px;
}

.fwiendFace img{
      background-position:center;
      border-radius:50%;
      display:absolute;
      height:100px;
      object-fit:cover;
      width:100px;
}

.fwiendFace:hover{
      animation:shake 1s;
      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,1px) rotate(0deg);
}
}

#viewFriends{
      background:rgba(142,93,154);
      border:2px solid #000;
      border-radius:25px;
      color:#000;
      padding:5px;
}

.tableLeft{
      background:#673888;
      background-position:center;
      background-size:cover;
      border:2px dashed #fff;
}

.tableRight{
      background:#000;
      border:2px dashed #fff;
      color:#fff;
      text-shadow:#fff 0 0 7px;
}

.blog{
      background:rgba(142,93,154);
      border:2px solid #000;
      text-shadow:#fff 0 0 7px;
}

.blogs{
      text-shadow:#fff 0 0 7px;
}

.blogCard{
      position:relative;
      top:10px;
}

.blogTitle{
      font-size:0;
}

div#footer{
      bottom:0;
      font-size:0;
      left:700px;
      position:fixed;
      pointer-events: none;
}

div#footer::after{
      animation-duration:1.5s;
      animation-name:slideup;
      content:url("https://66.media.tumblr.com/6ef91df1c65bf5829a951701ec9e97e5/a5fac8d5b0399133-95/s250x400/7a94701a1fc51026055c58fdc13e7abb198310c5.png");
}

@keyframes slideup{
      from {
            margin-right:-100%;
}

      to {
            margin-right:0;
      }
}

@media screen and (max-device-width: 768px){
      div#footer {
      visibility:hidden;
      }
}

@media only screen and (max-width : 768px){
* {
      -moz-animation:none!important;
      -ms-animation:none!important;
      -o-animation:none!important;
      -webkit-animation:none!important;
      animation:none!important;
      }
}

* {
cursor:url(https://cur.cursors-4u.net/food/foo-4/foo349.cur),auto!important;
}