Useful codes

Some styles I found useful when building my profile.

/*spinning circle pfp*/

.general-about .profile-pic img{

  border-radius: 50%;

  animation: spin 7s infinite linear;

}

/*pause on hover*/

.general-about .profile-pic img:hover {

  animation-play-state: paused;

}

/*friends section animation*/

.person:hover {

    animation: shake 0.3s infinite; /*you can use whatever you want here*/

}

/*friends pfp shape*/

.profile .friends .person img:not(.icon) {

  border-radius: 50%;

}

/*pfp animation for comments in your profile*/

.comments-table .pfp-fallback:hover {

    animation: shake 0.3s infinite;

}

/*hide specific links in your links section*/

.table-section:last-of-type td:nth-child(2) { /*this hides the 2nd link*/

    display: none;

}

.table-section:last-of-type td:nth-child(4) { /*this hides the 4th link, you can change the number for the ones you want to hide*/

    display: none;

}

/*floating images, change the urls*/

<div style="float: right; max-height: 400px; position: fixed; right: 10px; bottom: 9px; z-index: 200; border-radius: 20px !important;">

  <img src="https://gifdb.com/images/high/creepy-creative-emo-skeleton-x9ol7x88276qpmg1.gif" width="200" height="200"/>

</div>

<div style="float:  ; max-height: 300px; position: fixed; left: 10px; bottom: 9px; z-index: 400;">

<img src="https://media3.giphy.com/media/vP5gXvSXJ2olG/giphy.gif" height="220"/></div>

<div style="float:  ; max-height: 300px; position: fixed; right: 1px; bottom: 0px; z-index: 400;"></div>

/*music on your profile, again change the url*/

<iframe id="ytplayer" width="0" height="0" src="https://www.youtube.com/embed/RTJ5Db_TjmQ?autoplay=1&controls=0&fs=0&loop=1&playlist=RTJ5Db_TjmQ" frameborder="0" allowfullscreen="">

</iframe>

/*spacehey logo animation*/

 nav .top .left .logo:hover {

      transform: translateY(-5px) scale(1.1);

    }

/*change friends added text*/

div.friends div.inner p b { /* Hide the original content */

font-size: 0;

}

div.friends div.inner p b .count { /* Keep friends number */

font-size: 14px;

}

div.friends div.inner p b:after { /* Custom Text */

content: " People added";

font-size: 14px !important;

}

div#comments div.inner p b { /* Make the comments area be unafected */

font-size: initial; /* Reset font size */

}

div#comments div.inner p b .count { /* Make the comments area be unafected */

font-size: initial; /* Reset font size */

}

div#comments div.inner p b:after { /* Make the comments area be unafected */

content: none; /* Hide the added content */

}"

That´s it for now :D