.logo{
      font-size:0;
}

.logo::after{
    content:"deep sea mystery...";
    text-shadow: 2px 2px 4px #000;
    color: #60b9dd;
    line-height: 10px;
    font-size: 20px;
    padding: 70px;

}

div#header {
    background-image: url(https://i.pinimg.com/564x/3f/0d/a2/3f0da251635bf372e997d76fe29f5c1f.jpg);
    background-color: #FFFFFF;
    background-position: 0px;
    text-align: center;
    font-family: cursive;
    background-size: 40%;
    background-repeat: repeat;

}

div#hSub {
    color: black !important;
    background-color: #60b9dd;
    text-align: center;
    font-family: cursive;

}

h2#name {
    color: #60b9dd;

}

.extended.box {
    border-color: #ffffff00;
    background-color: #c7f1ff;

}

h4 {
    color: #157bc6;

}

body {
    color: white;
    background-color: #99A8BD;
    background-image: url("https://myspace.f46n.org/res/discord/attachments/726109777377362034/1065626748961685535/background_full1_1354_2.png");
    background-size: cover;
    background-attachment: scroll;
    font-family: cursive;
}

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

.boxHead{
    color: #FFF;
    background: #123e5d;
}

.rightHead{
    color: #FFF;
    background: #123e5d;
}

.topLeft{
    margin-top: 20px;
    background-repeat: no-repeat
    background-color: #01253d;
    background-image: url(https://i.pinimg.com/736x/71/b0/89/71b089484e4cdce56503e6d7a4e18ae1.jpg);
    border: 2px solid #60b9dd;
    box-sizing: border-box;
}
 
 
.topRight{
    margin-top: 20px;
    background: #00000050;
    border: 2px solid #60b9dd;
    margin-bottom: 20px;
}
 

.fwiendCount {
    color: #60b9dd;
}

.fwiendFace img {
    background-position: center;
    display: absolute;
    object-fit: cover;
    height: 100px;
    width: 100px;
}

.tableLeft img{
    background-position: center;
    display: absolute;
    object-fit: cover;
    height: 100px;
    width: 100px;

}

.boxInfo.box {
    border-color: #b3d7e3;
    background-color: #ffffff00

}

.url {
    background: url(https://myspace.f46n.org/res/discord/attachments/726109777377362034/1065628299545555054/Holy_Black_Kaoru_Hakaze_Chibi.gif) no-repeat;
    position: fixed;
    right: 0;
    bottom: -20px;
    color: #ffffff00;
    background-size: 300px;
    height: 470px;
    width: 314px;
    border: none;
    box-shadow: none;
    filter: drop-shadow(8px 9px 15px #00000044);
    z-index: 10;
    font-size: 0px;
    opacity: 1;

}

.tableLeft img{
    background-position: center;
    display: absolute;
    object-fit: cover;
    height: 100px;
    width: 100px;
}

.tableRight{
    background: #ffffff00;
}

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

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

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

}

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

.box.blog {
    background: #60b9dd;
}

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

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

}

a {
    color: #3c566a
}

a:visited {
  color: #80d2e5;
}

a:hover {
  color: #80d2e5;
}

::selection { background: #FFB6C175; }

#sMsg, #block, #report, #add, #remove {
    color: #80d2e5;
    background-image: url(https://wilardo.crd.co/assets/images/gallery04/9c9fb3f6.gif?v=038fee0e);
    background-size: 16%;

}

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