@keyframes spin{
 from{transform:rotate(0);}
 to{transform:rotate(360deg);}
}
@keyframes spin3d{
 from{transform:rotateX(0) rotateY(50deg) rotateZ(180deg)}
 to{transform:rotateX(720deg) rotateY(770deg) rotateZ(-180deg)}
}
.fwiendFace>img{
 border-radius:999px;
 animation:3s linear spin infinite; 
 box-shadow: 0 0 12px 3px black;
}
#avatar{
 border-radius:999px;
 animation:6s linear spin3d infinite; 
 box-shadow: 0 0 12px 3px black;
 width:200px;
 hieght:200px;
}
.fwiendFace>img{
 width:132px;
 height:132px;
}
a[href$="=227"]>div>b::after{
 content:"mlp lover";
 background:red;
}
a[href$="=2714"]>div>b::after{
 content:"Morty";
 background:brown;
}
a[href$="=137"]>div>b::after{
 content:"Furry";
 background:lime;
}
a[href$="=125"]>div>b::after{
 content:"AAAAA";
 background:purple;
}
a[href$="=61"]>div>b::after{
 content:"Noxx";
 background:black;
}
a>div>b::after{
 color:white;
 border-radius:5px;
 white-space: nowrap;
 padding:0 2px 0 2px;
 margin-left:4px;
}
.box{
 border: 2px solid black;
 border-radius: 10px;
 padding: 2px;
 box-shadow: 0 5px 5px;
 background: white;
 margin-bottom:10px
}
@keyframes d{
 0%{background:brown;}
 50%{background:orange;}
 100%{background:brown;}
}
body{
 animation:d 1s infinite
}
.rightHead, .boxHead {
 margin: -2px;    
}
.boxButton{
 display:flex;
 transition:background-position 0.1s
}
.boxButton:hover{
 background-position:0px -2px;
}
.date{
 display:none 
}
#avatar{
 width:200px;
 height:200px;
}
.topleft{
 position: fixed;
}
.tableRight table,.tableRight th,.tableRight td{
 border:1px solid black;
}
tr{
 content-visibility:auto;
}