@keyframes spin{

  from{ transform:rotate(0deg); }

  to{ transform:rotate(-360deg); }

}

img.avatar {

  border-radius: 50%;

  animation: spin 7s infinite linear;

}
body {
    font-family: emoji;
    font-size: 15px;
    text-align: center;
    background-image: url(https://i.pinimg.com/originals/1c/bc/96/1cbc962120b3d7526a1f756c17375d53.gif);
    background-repeat: repeat;
    background-size: contain;
    -webkit-animation: fadeIn ease 3s;
    color: white;
}
    @keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}
:root {
    --light-orange: #97c298;
    --even-lighter-orange: #799c7a;
    --lighter-blue: #799c7a;
    --even-lighter-blue: #9fbf9f;
    --lightest-blue: #9fbf9f;
}
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    border-radius: 50px;
    border: 2px #3e4d3e;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #66bff2bf;
    box-shadow: inset 0 0 6px #fff;
}
::-webkit-scrollbar-track {
    background: #144798;
    box-shadow: inset 0 0 10px #3e4d3e;
    border-radius: 10px;
}
::selection {
    background: #99b3e68c;
}
img.avatar {
    height: 200px;
    border-radius: 100%;
    border: solid 3px white;
    object-position: top;
    object-fit: cover;
}
.usermain {
    float: right;
    width: 57%;
    padding: 1.5%;
    border: 3px double black;
    border-radius: 10px;
}
.userBtn {
    display: inline-block;
    zoom: 1;
    font-size: small;
    width: 39.5833333333%;
    height: 25px;
    padding-top: 7px;
    padding-left: 10.4166666667%;
    color: white;
    text-decoration: none;
    background-repeat: no-repeat;
}
.rightHead {
    background: #14479894;
    color: #ffffff;
    padding-left: 4px;
}
#header {
    all: unset;
    font-family: Shadows Into Light;
    font-size: 15px;
    background: #1d63bc8a;
    color: #fff;
    position: fixed;
    width: calc( 100% - 15px );
    height: 22px;
    padding: 5px;
    left: 0px;
    top: 0px;
    margin-bottom: 40px;
    border-bottom: 1px solid black;
    padding-left: 10px;
    padding-top: 6px;
    overflow: hidden;
    z-index: 300;
}
#hSub {
    all: unset;
    font-family: Shadows Into Light;
    font-size: 15px;
    background: #163171bf;
    font-size: small;
    margin: 0px;
    padding: 5px;
    padding-top: 5px;
    padding-left: 5px;
    padding-left: 10px;
    padding-top: 4px;
    position: fixed;
    left: 0;
    top: 34px;
    width: calc(100% - 15px );
    color: white;
    height: 15px;
    z-index: 300;
}
h4 {
    color: #567ec7;
    margin-bottom: 0px;
}
.boxHead {
    background: #5e7f9fc4;
    color: white;
    padding: 3px;
    padding-bottom: 4px;
    padding-left: 6px;
}
.tableRight {
    width: 75%;
    background: #125fcaa3;
    padding: 10px;
    vertical-align: top;
    overflow-wrap: anywhere;
}
.tableLeft {
    background: #1b509b87;
    width: 25%;
    padding: 10px;
    vertical-align: top;
    overflow: hidden;
}
div.player::before {
    content: "";
    display: block;
    position: relative;
    width: calc(50% -20px);
    height: 250px;
    max-width: 500px;
    background-position: 0 0;
    background-size: 100% 100%;
    background-image: url(https://i.pinimg.com/originals/d4/7c/86/d47c8673a4f6c91d4726f7e67ceac316.gif);
    object-fit: contain;
}
.player {
    padding: 4px;
    margin-top: 20px;
    margin-bottom: 20px;
    background: #4a85cda6;
    color: #000;
    width: calc(100% - 10px );
    border: 1px solid #999;
}
.fwiendCount {
    color: #7e90d3;
}
.extended a {
    text-decoration: none;
    color: white;
}
.fwiendFace:hover{
      animation:shake 0.5s;
      animation-iteration-count:infinite;
}

.tableLeft:hover{
      animation:shake 0.5s;
      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);
    }
 
}
a:hover {
     animation: changeColor 1s linear infinite;
     text-shadow: 2px 2px 4px #748db5;
}

a:hover {
  animation: changeColor 1s linear infinite;
}

@keyframes changeColor{
    0%{color:#ff99cc;}
    10%{color:#CCA6D9;}
    20%{color:#99B3E6;}
    30%{color:#66BFF2;}
    40%{color:#33CCFF;}
    60%{color:#66BFF2;}
    70%{color:#99B3E6;}
    80%{color:#CCA6D9;}
    90%{color:#FF99CC;}
    100%{color:#FF99CC;}
}
button {
    width: max-content;
}
div.box.blurbs, div.box.fwiends, div.extended.box {
    background-color: #5b6ab185;
    border: 3px double black;
    border-radius: 10px;
}
#sMsg {
    font-size: 0;
}
#sMsg::after {
    Content: ":3";
    font-size: 13px;
}
#sMsg {
    background-repeat: no-repeat;
    background-image: url(https://biscuit.crd.co/assets/images/gallery03/d9b5c8bf.gif?v=532faf5f);
}
#report {
    font-size: 0;
}
#report::after {
    Content: ":[";
    font-size: 13px;
}
#report {
    background-repeat: no-repeat;
    background-image: url(https://biscuit.crd.co/assets/images/gallery03/0174f115.gif?v=532faf5f);
}
#add {
    font-size: 0;
}
#add::after {
    Content: ":}";
    font-size: 13px;
}
#add {
    background-repeat: no-repeat;
    background-image: url(https://biscuit.crd.co/assets/images/gallery03/3e21ed03.gif?v=532faf5f);
}
#block {
    font-size: 0;
}
#block::after {
    Content: ":{";
    font-size: 13px;
}
#block {
    background-repeat: no-repeat;
    background-image: url(https://biscuit.crd.co/assets/images/gallery03/c52af5c8.gif?v=532faf5f);
}
.boxButton {
    display: inline-block;
    width: calc( 49% - 60px );
    padding-left: 30px;
    height: 24px;
    font-size: small;
    color: white;
    padding-top: 7px;
}
* {cursor: url(https://cur.cursors-4u.net/anime/ani-9/ani875.cur), auto !important;
}