body {
  color: #B9EFFF;
  font-family: Roboto;
  text-align: center;
  background-image: url("https://i.pinimg.com/564x/b5/f3/09/b5f309cd6073e52ded1badeeb28eb9d6.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #e0f8ff;
  background-attachment: fixed;
}
    .logo {
font-size: 0px;
font-family: Roboto;
}
.logo::after {
content: "Welcome To The 2000s ☆";
font-size: 20px;
color: #FFFFFF;
}
#viewFriends {
    display: none;
}
.fwiendCounter>b::after {
    content: " Buddies ☆";
    font-size: 15px;
    color: #fffff;
}
.fwiendCount {
    color: #fffff;
    font-size: 15px;
}
.fwiendCounter>b {
    font-size: 0px;
    color: #fffff;
}
.fwiendCounter>b>.uName {
    font-size: 0px;
    color: #fffff;
}
.topRight > .box:not(.blurbs) > .rightHead > b::after {
    content: "My Friends :]";
    font-size: 25px;
    color: #fffff;
}
.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: "About Me !";
    color: #fffff;
    font-size: 25px;
}
.blurbs.box > .rightHead > b {
    font-size: 0px;
}
.blurbs.box > .rightHead > b > span.uName {
    font-size: 0px;
    color: #fff;
}
.boxHead, .rightHead, .blurbs>.blogs>div:first-child {
    font-family: Roboto;
    background: #82EDFF;        
    padding: 4px 5px 3px 3px;
    border-top: 2px solid #E4F7FF;
    border-left: 2px solid #E4F7FF;
    border-right: 2px solid #E4F7FF;
    border-bottom: 2px solid #E4F7FF;
    border-top-left-radius: 8px;
    border-top-right-radius: 7px;
    font-size: 25px;
    width: 99.50%;
    margin-left: -5px;
    color: #34CFFF;
    padding-left: 6px;
    margin-top: 0;
    user-select: none;
}

#container {
    background: transparent #9DB5DF;
    border: 5px trasparent #FFFFFF;
}
.blurbs.box > .rightHead > b > span.uName {
    font-size: 0px;
    color: #34CFFF;
}
 h4 {
color: #89D4FF;
}
div#header{
text-align: center;
background-color: #89D4FF ;
}
.tableLeft {
    background: #2b385e8f;
    width: 25%;
    padding: 10px;
    vertical-align: top;
    overflow: hidden;
}
.tableRight {
    width: 75%;
    background: #a3cbde30;
    padding: 10px;
    vertical-align: top;
    overflow-wrap: anywhere;
}
#header, #hSub {
    padding: 5px !important;
    background: #70DDFF repeat!important;
    border-bottom: 5px solid #E4F9FF !important;
    border-radius: 10px;
}
div#online {
content: url(https://64.media.tumblr.com/8b0e66c211338b8857a418830e79cad7/289219e8d09454dd-64/s400x600/78bb54e753f15b76386ff5da23b3746dea7df81b.gifv);
display: block;
margin-left: auto;
margin-right: auto;
width: 40%;
}
.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://64.media.tumblr.com/87065936ca3e44edb9c30c82e60a04ba/8b5fd2b2e6b7307e-dd/s250x400/1dc3ac0aab5de214fc2ee16b2f4def05344abec4.gifv);
}
.fwiendCount {
    color: #34CFFF;
}
.songName span {
    display: inline-block;
    padding-left: 60%;
    animation: marquee 10s linear infinite;  
}
.blog {
    background: #34CFFF;
    padding: 15px;
}