/* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/symbols/sym-2/sym137.cur), auto !important;} /* End https://www.cursors-4u.com */

div#online {content: url('https://www.myspacegens.com/images/online_now/21.gif'); width: 65%; image-rendering: pixelated;}

}

.logo{
      font-size:0;
}

.logo::after{
    content:"MySpace";
    text-shadow: 2px 2px 4px green;
    color: red;
    line-height: 10px;
    font-size: 35px;
    padding: 70px;
}

div#header {
    background-color: black;
    background-position: 0px -400px;
    font-family: "Comic Sans MS";
    background-size: 30%;
    background-repeat: repeat;
    
    
}

div#hSub {
    color: black !important;
    background-color: green;
    text-align: right;
    font-family: "Comic Sans MS";
}

h2#name {
    color: purple;
    text-shadow: 2px 2px 4px pink;
}

.extended.box {
    border: 2px solid white;
    background-color: #730032;
}

h4 {
    color: pink;

}

body {
    color: white;
    background-color: #00d9ff;
    background-image: url(https://i.pinimg.com/564x/de/e2/48/dee248576088a0c895c8df71e464def6.jpg);
    background-size: 69%;
    background-attachment:fixed;
    font-family: "Comic Sans MS";
}

.player.box {
    background-color: #ff009d;
    background-size: 33%;
    background-position: 150px;
    color: purple;
}

.boxInfo.box {
    border-color: #ffffff00;
}

.url {
    background: url() no-repeat;
    position: fixed;
    right: 50px;
    bottom: 20px;
    color: #ffffff00;
    background-size: 300px;
    height: 100px;
    width: 300px;
    border: none;
    box-shadow: none;
    filter: drop-shadow(8px 9px 15px #00000044);
    z-index: 1000;
    font-size: 0px;
    opacity: 1;
}

.topLeft{
    margin-top: 20px;
    background-repeat: no-repeat;
    background-color: black;
    background-size: 100% 100%;
    background-image: url(https://i.pinimg.com/564x/24/89/9d/24899de9e0740734e2adb02a74e7ff97.jpg);
    box-sizing: border-box;
}
 
 
.topRight{
    margin-top: 20px;
    background: #000000;
    margin-bottom: 20px;
    border: 2px solid green;
}
 

.fwiendCount {
    color: red;
}
/* This theme is made by "sophie" more can be found at: https://sophiezhng.github.io/my-space-windows-93-themes */

.tableRight{
    background: #ff0000;
}

.boxHead{
    color: #FFF;
    background: pink;
    
}

.rightHead{
    color: #FFF;
    background: green;
    
}

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

.fwiendFace, .tableLeft {
    transition: 0.5s;
    background: #ffffff00;
}

.box.blog {
    background: blue;
}

.fwiendFace:hover{
      animation:shake 0.5s;
      animation-iteration-count:infinite;
}

.tableLeft:hover{
      animation:shake 0.5s;
      animation-iteration-count:infinite;
}

#sMsg, #block, #report, #add, #remove {
    color: green;
    background-image: url(https://gifcity.carrd.co/assets/images/gallery117/18378eb1.png?v=47652796);
    background-size: 40%;
}

a {
    color: blue;
}

a:hover {
     animation: changeColor 1s linear infinite;
     text-shadow: 2px 2px 4px purple;
}

::selection { background: #a600ff; }

.blinkYellow, .blinkPurple {
    animation:blinkingTextGreen 0.3s infinite;
}

.blinkGreen{
	animation:blinkingTextWhite 0.3s infinite;
}

@keyframes blinkingTextPink {
0% {
    color: black;
}

49% {
    color: white;
}
50% {
    color: white;
}
99% {
    color: white;
}
100% {
    color: black;
}
}

@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);
    }
 
}

@keyframes changeColor{
    0%{color:white;}
    10%{color: red;}
    20%{color: white;}
    30%{color: red;}
    40%{color:white;}
    50%{color: red}
    60%{color: white;}
    70%{color: red;}
    80%{color: white;}
    90%{color: red;}
    100%{color: white;}
}

.fwiendFace img {
     filter: grayscale(100%);
}

.tableLeft img{
     filter: grayscale(100%);
}