body {
  color: white;
  font-family: MS Gothic;
  text-align: center;
  background-image: url("https://i.pinimg.com/originals/d5/ff/c6/d5ffc64034e8728d7699548e8e7f22b2.gif");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: black;
  background-attachment: fixed;
  -webkit-animation: fadeIn ease 6s;
}
{cursor: url(https://cur.cursors-4u.net/food/foo-6/foo512.cur), auto !important;}
@keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}
.url {
background: url(https://media.tenor.com/YwkpAuQYW_0AAAAi/sylveon.gif) no-repeat;
content: "";
height: 320px;
width: 245px;
position: fixed;
right: 0;
z-index: 1000;
color: #f2ded6;
border: none;
box-shadow: none;
font-size: 0px;
opacity: 1;
bottom: 0;
}
.player::before {
    content: "";
    display: block;
    position: relative;
    width: calc(40% -20px);
    height: 360px;
    max-width: 395px;
    background-position: 0 0;
    background-size: 100% 100%;
    background-image: url(https://i.pinimg.com/originals/be/91/28/be9128d7793328687beefe59b5062c0e.gif);
}
#container {
    background-image: url(https://i.pinimg.com/originals/47/a5/89/47a589152008f28162020d6593844eaa.gif);
    border: 2px solid black;
    background-opacity: 0.8;
}
.logo {
font-size: 0px;
font-family: MS Gothic;
}
.logo::after {
content: "    「 ✦ LOVEMINOT.COM ✦ 」";
font-size: 25px;
font-family: MS Gothic;
color: white;
}
div#online {
content: url(http://www.myspacegens.com/images/online_now/111.gif);
display: block;
margin-left: auto;
margin-right: auto;
width: 90%;
}
.player {
    padding: 4px;
    margin-top: 20px;
    margin-bottom: 20px;
    background: black;
    color: white;
    width: calc(100% - 10px );
    border: 1px solid black;
}
div#header{
text-align: center;
background-color: black;
}
#hSub {
    padding: 5px !important;
    background: black repeat!important;
    border-bottom: 1px solid white !important;
    border-radius: 10px;
    color: white;
}
#hSub a {
    color: white;
    text-decoration: dotted;
    text-decoration-line: underline;
    font-family: MS Gothic;
}
.tableRight {
    color: white;
    width: 60%;
    background: black;
    padding: 10px;
    vertical-align: top;
    overflow-wrap: anywhere;
}
.tableLeft {
    background: black;
    width: 25%;
    padding: 10px;
    vertical-align: top;
    overflow: hidden;
}
.fwiendFace {
    max-width: 25%;
    display: inline-grid;
    width: calc( 24% - 6px );
    padding: 5px;
    text-align: center;
    text-decoration: dotted;
    text-decoration-line: underline;
}
a {
    color: white;
}
.boxButton {
    display: inline-block;
    width: calc( 49% - 60px );
    padding-left: 30px;
    height: 24px;
    font-size: small;
    color: white;
    padding-top: 7px;
}
h4 {
    color: white;
    margin-bottom: 0px;
    text-decoration: dotted;
    text-decoration-line: underline; 
}
.boxInfo {
    border: 1px solid white;
    margin-bottom: 20px;
    margin-top: 20px;
}
.extended {
    border: 1px solid white;
    background: black;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 15px;
}
#viewFriends {
    display: none;
}
.fwiendCounter>b::after {
    content: " friends !";
    font-size: 15px;
    color: white;
}
.fwiendCount {
    color: white;
    font-size: 15px;
}
.fwiendCounter>b {
    font-size: 0px;
    color: white;
}
.fwiendCounter>b>.uName {
    font-size: 0px;
    color: white;
}
.topRight > .box:not(.blurbs) > .rightHead > b::after {
    content: "────⋆⋅☆⋅⋆────";
    font-size: 25px;
    color: white;
}
.topRight > .box:not(.blurbs) > .rightHead > b > span.uName {
    font-size: -9999px;
}
.topRight > .box:not(.blurbs) > .rightHead > b {
    font-size: 0;
}
.blurbs.box > .rightHead > b > span.uName::after {
    content: "*ੈ✩‧₊˚༺☆༻*ੈ✩‧₊˚";
    color: white;
    font-size: 25px;
}
.blurbs.box > .rightHead > b {
    font-size: 0px;
}
.blurbs.box > .rightHead > b > span.uName {
    font-size: 0px;
    color: white;
}
.boxHead, .rightHead, .blurbs>.blogs>div:first-child {
    font-family: MS Gothic;
    background: black;
    padding: 4px 5px 3px 3px;
    font-size: 25px;
    width: 99.50%;
    margin-left: -5px;
    padding-left: 6px;
    margin-top: 0;
    user-select: none;
}
#header a:not(.logo) {
    margin-left: 10px;
    color: white;
    font-size: small;
    text-decoration: dotted;
    text-decoration-line: underline;
}
.blog {
    background: black;
    padding: 15px;
}
.boxHead {
    background: black;
    color: white;
    padding: 3px;
    padding-bottom: 4px;
    padding-left: 6px;
}
b {
    font-weight: bold;
    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(5px,5px) rotate(0deg);
}
}
.player:hover{
animation:shake 0.5s;
animation-iteration-count:infinite;
}

@keyframes shake{
0% {
transform:translate(5px,5px) rotate(0deg);
}
}
.blurbs:hover{
animation:shake 0.5s;
animation-iteration-count:infinite;
}

@keyframes shake{
0% {
transform:translate(5px,5px) rotate(0deg);
}
}
.fwiendCounter:hover{
animation:shake 0.5s;
animation-iteration-count:infinite;
}

@keyframes shake{
0% {
transform:translate(5px,5px) rotate(0deg);
}