body {
  background-color: black;
}

.rightHead {
    background: red;
    color: black;
    padding-left: 4px;
}
  
h4 {
    color:  orange;
    margin-bottom: 0px;
}


#hSub{ 
      background: yellow;  
}

.boxHead {
    background: green;
}

.boxButton {
    display: inline-block;
    width: calc( 49% - 60px );
    padding-left: 30px;
    height: 24px;
    font-size: small;
    color: black;
    padding-top: 7px;
}

.boxHead {
    color: black;
}

body {
    font-family: unset;
    padding-top: 44px;
    font-size: 15px;
}

hSub {
    all: unset;
    font-family: Arial;
    font-size: 15px;
    background: blue;
}

body{
    background-image: url(https://i.pinimg.com/564x/56/47/62/564762d88b473f7e03d26ecc6836a7c0.jpg)
}
h3 {
    color:  purple;

}
   
table.short{
          color:  red;
}

p{
  color:  orange;
  font-size: 20px;
}

.tableRight {
    width: 75%;
    background: yellow;
    padding: 10px;
    vertical-align: top;
    overflow-wrap: anywhere;
}
.tableLeft {
    background: green;
    width: 25%;
    padding: 10px;
    vertical-align: top;
    overflow: hidden;
}


#hSub a {
	color: blue;
    text-shadow: 2px 2px #490808;
	text-decoration: none;

}

div#hSub {
   background: black;
	color: black;
	text-align: center;}

}

a{
   color: purple;
}

div {
    color: #f30303;
    font-size: 20px;
}
font-size: 20px;
}

*{  
  font-family: "oblique",oblique ,italic;
  color: #ffffff;
}
.logo b span {display: none;}
}
#header {
    font-family: oblique;
    font-size: 15px;
    background: !important;
    color: black

}
.topLeft:after {
    content: "";
    white-space: pre-wrap;
    display: block;
    height: 500px;
    background-image: url(lll), url(https://i.gifer.com/1fLt.gif);
    background-repeat: no-repeat, no-repeat, repeat, repeat, repeat, repeat;
    background-size: 390px;

}
div#hSub {
    white-space: nowrap;
    overflow-y: hidden;
}
#commentInput {
    color: black;
}
.url a {
    display: none;
}

div#header {
Background-image: url(https://i.pinimg.com/originals/d3/38/95/d338958ff2bc814159af16dffa99bf00.gif);
text-align: center;}

.player {
    padding: 9px;
    margin-top: 20px;
    margin-bottom: 20px;
    background: red;
    color: lightorange;
    width: calc(100% - 10px );
    border: 1px solid lightyellow;
}

.blog {
    background-color: lightgreen;
    padding: 15px;
}

}
#sMsg{
      background-image:url();
      font-size:0;
}
 
#sMsg::after{
      content:"";
      font-size:13px;

}
#sMsg{
background-image: url(https://cutekawaiiresources.files.wordpress.com/2013/03/tumblr_inline_nrp5uupucj1snulow_500.gif?w=15&h=17&zoom=2);
color: lightpurple;

}
#block{
      background-image:url();
font-size:0;
}
 
#block::after{
      content:"Bye";
font-size:13px;

}
#block {
background-image: url(https://cutekawaiiresources.files.wordpress.com/2018/03/23.gif?w=20&h=&zoom=2);
color: lightblue

}
#report{
      background-image:url(https://cur.cursors-4u.net/nature/nat-4/nat350.ani);
      font-size:0;
}
 
#report::after{
      content:"Snitch to Tom";
      font-size:13px;

}
#report {
background-image: url(https://cutekawaiiresources.files.wordpress.com/2018/03/49.gif?w=20&h=&zoom=2);
color: #f30303
}
#add{
      background-image:url();
      font-size:0;
}
 
#add::after{
      content:"Add me";
      font-size:13px;

}
#add {
background-image: url(https://cutekawaiiresources.files.wordpress.com/2013/03/tumblr_inline_mmi6t3c9v01qz4rgp.gif?w=20&h=20&zoom=2);
color: #f30303

}



}

100% {
    transform: translate(-100%, 0);
}
}
div.songName {
    color: #000;
}
.songName img {
    display: none;
}
.player a img, .player audio::-webkit-media-controls-play-button, .player audio::-webkit-media-controls-mute-button, .player audio::-webkit-media-controls-volume-slider, .player audio::-webkit-media-controls-timeline {
    filter: invert();
    -webkit-filter: invert();
}
.player audio, .player audio::-webkit-media-controls, .player audio::-webkit-media-controls-enclosure, .player audio::-webkit-media-controls-panel {
    background: red;
    background: var(--color--bg-box);
    height: 36px;
    filter: none;
}

.fwiendFace, .tableLeft {
    transition: 0.5s;
}
.fwiendFace:hover, .tableLeft:hover {
    border-radius: 5px;
    transform: scale(1.2);
    background: #fffaff
url();
    animation: wob .5s linear infinite;
    box-shadow: 0 0 1rem #636363;
    border: 1px solid #fff;
    transition: 0.5s;

}
.songName {
    overflow: hidden;
    background: black;
    border-radius: 5px;
    margin-top: 0px;
    font-size: 14px;
    box-shadow: 0px 4px 6px -5px #333;
    color: #781818;
    padding: 3px;
}
.songName {
    white-space: nowrap;
}

.songName b {
    display: none;
}
.songTitle:after {
    content: "♡";
}
.player {
    background: yellow;
    border: 3px double #fff;
    padding: 0;

}
@media only screen and (max-width: 768px)
.topLeft, .topRight {
    width: auto;
    float: none;
}
@keyframes fadein {
0% {
    opacity: 0;
    color: #fff;
}

10% {
    opacity: 0;
    color: #fff;
}
100% {
    opacity: 1;
    color: transparent;
 }
}
#container {
    -webkit-animation: fadein 5s;
}
.logo::before {
    margin-right: 0px;
    display: inline-block;
    height: 24px;
    width: 24px;
    content: "";
    background: url() no-repeat 0 0;
    background-size: 24px 24px;
}
.logo::after {
    margin-right: 0px;
    display: inline-block;
    height: 24px;
    width: 24px;
    content: "";
    background: url() no-repeat 0 0;
    background-size: 24px 24px;

}

 font-size: 0px !Important;
}
#viewFriends {
    display: none;
}
.fwiendCounter>b::after {
    content: " rats";
    color: darkblue;
    font-size: 15px;
}
.fwiendCount {
    font-size: 15px;
}
.fwiendCounter>b {
    font-size: 0px;
    color: darakoraange;
}
.fwiendCounter>b>.uName {
    font-size: 0px;
    color: darkred;
}
.topRight > .box:not(.blurbs) > .rightHead > b::after {
    content: "my space♡";
    color: black;
    font-size: 15px;
}
.topRight > .box:not(.blurbs) > .rightHead > b > span.uName {
    font-size: -9999px;
}

.topRight > .box:not(.blurbs) > .rightHead > b {
    font-size: 0;
}

.fwiendCounter>b::after {
    content: " rats";
    color: darkpurple;
    font-size: 20px;
}

.blinkViolet{
	animation:blinkingTextViolet 0.3s infinite;
}
@keyframes blinkingTextViolet{
	0%{		color: black;	}
	49%{	color: #450486;	}
	50%{	color: #450486;	}
	99%{	color:#450486;	}
	100%{	color: black;	}
}

.blinkRed{
	animation:blinkingTextRed 0.3s infinite;
}
@keyframes blinkingTextRed{
	0%{		color: black;	}
	49%{	color: #860404;	}
	50%{	color: #860404;	}
	99%{	color: #860404	}
	100%{	color: black;	}
}

.blinkYellow{
	animation:blinkingTextYellow 0.3s infinite;
}
@keyframes blinkingTextYellow{
	0%{		color: black;	}
	49%{	color: #048686;	}
	50%{	color: #048686;	}
	99%{	color: #048686;	}
	100%{	color: black;	}
}

@keyframes blinkingTextGreen{
	0%{		color: black;	}
	49%{	color: #1da52e;	}
	50%{	color: #1da52e	}
	99%{	color: #1da52e;	}
	100%{	color: black;	}
}


p {
    color: #f00;
    font-size: 17px;
}

div#header {
    background-image: url(https://i.imgur.com/9ALmtAq.gif);
    font-family: "Arial";
}
div.box.blurbs, div.box.fwiends, div.url.box, div.boxInfo.box {
    background-image: url(https://data.whicdn.com/images/325969876/original.gif);
}

body {
    background-image: url(https://i.pinimg.com/564x/56/47/62/564762d88b473f7e03d26ecc6836a7c0.jpg);
}
div#hSub {
    background-color: #000;
    font-family: monospace;
    letter-spacing: 4px;
    text-align: center;
    box-shadow: 0 0 10px #000;
}

.player::before {
    content: "";
    display: block;
    position: relative;
    width: calc(40% -20px);
    height: 390px;
    max-width: 390px;
    background-position: 0 0;
    background-size: 100% 100%;
    background-image: url(https://i.gifer.com/69W1.gif);
}
.player {
    padding: 4px;
    margin-top: 20px;
    margin-bottom: 20px;
    background: #0a0a0a;
}
.tableRight {
    width: 75%;
    background: #1a1818b3;
    padding: 10px;
    vertical-align: top;
    overflow-wrap: anywhere;
}
#sMsg { background-image: url(https://cutekawaiiresources.files.wordpress.com/2018/03/31.gif?w=20&h=&zoom=2); color: purple; }#add { background-image: url(https://cutekawaiiresources.files.wordpress.com/2018/03/32.gif?w=20&h=&zoom=2); color: #dcb38a; }#report { background-image: url(https://cutekawaiiresources.files.wordpress.com/2018/03/22.gif?w=20&h=&zoom=2); color: #03f36e; }


div {
    color: #eff303;
    font-size: 20px;
}
.player::before {
    content: "";
    display: block;
    position: relative;
    width: calc(40% -20px);
    height: 390px;
    max-width: 390px;
    background-position: 0 0;
    background-size: 100% 100%;
    background-image: url(https://i.pinimg.com/originals/74/89/e5/7489e58701aafeac58df0ecb24ef4841.gif);
}

div#header {
    background-image: url(https://i.pinimg.com/564x/52/e3/d2/52e3d24….jpg);
    font-family: "Arial";
}

div#header {
    background-image: url(https://i.pinimg.com/564x/a1/72/92/a1729205f709c873750eafad3120a20d.jpg);
    font-family: "Arial";
}

rainbow layout