Here is the css i use (: feel free to copy paste
body {
background-attachment: fixed;
background-position: center;
background-image: url("https://wallpaperaccess.com/full/207033.jpg");
font-family: Trebuchet MS;
cursor: url("https://i.imgur.com/jkEhv3B.png"), auto;
}
table, tr, td, li, p, div {
color: #ffffff;
}
.rightHead, .boxHead {
background: rgba(62, 179, 171, 0.5);
color: #ffffff;
font-size: 20px;
padding-top: 3px;
padding-left: 3px;
padding-right: 3px;
padding-bottom: 3px;
border-radius: 25px;
border: 2px solid #ffffff;
padding: 10px;
}
.tableLeft {
background: rgba(62, 179, 171, 0.5) !important;
border-radius: 25px;
border: 2px solid #ffffff;
padding: 10px;
}
.tableRight {
background: rgba(62, 179, 171, 0.2);
border-radius: 5px 25px 25px;
border: 2px solid #fffff;
padding: 10px;
}
div.player.box {
border: none !important;
background: transparent !important;
border-radius: 0px !important;
}
.player {
background: rgba(62, 179, 171, 0.5);
border: none;
}
.box {
border-radius: 25px;
border: 2px solid #ffffff;
padding: 10px;
}
h4 {
color: #ffffff;
}
p {
color: #ffffff;
font-size: 16px;
}
.boxButton {
color: #ffffff;
font-size: 16px;
}
textarea {
background: rgba(62, 179, 171, 0.5);
color: #6a40de;
border-radius: 5px 25px 25px;
border: 2px solid #fffff;
padding: 10px;
}
.extendedBox {
background: transparent;
color: #ffffff;
border: none;
font-size: 16px;
border-radius: 25px;
border: 2px solid #fffff;
padding: 10px;
}
.fwiendCount {
color: #fffff;
font-size: 18px;
margin-left: 5px;
}
font-size: 0px;
}
background-image: url("https://lh3.googleusercontent.com/proxy/IC4jpa63sqBS5M0w_fdhAoc2ycai50DOnoT8DF6UbrjIVTwpWlj-RdHE3Ud-evoJ4dUgwpk0G6CS5d8ohRgox2DmduMLnzPd");
font-size: 0px;
}
content: " talk to me (:";
font-size: 13px;
}
background-image: url("https://lh3.googleusercontent.com/proxy/IC4jpa63sqBS5M0w_fdhAoc2ycai50DOnoT8DF6UbrjIVTwpWlj-RdHE3Ud-evoJ4dUgwpk0G6CS5d8ohRgox2DmduMLnzPd");
font-size: 0px;
}
content: " add :)";
font-size: 13px;
}
font-size: 0px;
}
.player::before {
content: "";
bottom: 20px;
display: block;
position: relative;
width: calc(40% -20px);
height: 500px;
max-width: 390px;
background-position: 0 0;
background-size: 100% 100%;
background-image: url("https://media1.giphy.com/media/CQl0tM5gYyqQg/giphy.gif");
padding-top: 5px;
}
.player::after {
content: "";
top: 40px;
display: block;
position: relative;
width: calc(40% -20px);
height: 200px;
max-width: 390px;
background-position: 0 0;
background-size: 100% 100%;
background-image: url("https://64.media.tumblr.com/c325c6ae80df83cfef331a5d2a2b973e/tumblr_pp77tcbQ521xgvmwto1_500.gifv");
padding-bottom: 5px;
}
.songName {
font-size: 15px;
}
.logo {
font-size:0;
}
div#header {
background: rgba(156, 124, 204, 0.5);
font-family: Trebuchet MS;
}
div#hSub {
background-color:#fffff;
font-family:Trebuchet MS;
}
div.box.blog {
background-color: rgba(62, 179, 171, 0.5);
}
.topLeft {
background-color: rgba(62, 179, 171, 0.3);
margin-left: 5px;
}
.url.box a {
color: #aaa !important;
}
div#report.boxButton, div#block.boxButton {
background: transparent;
}
.fwiendFace img {
border: 4px solid #ffffff;
border-radius: 50%;
background-position: center;
border-radius: 50%;
display: absolute;
height: 100px;
object-fit: cover;
width:
this is so helpful tysm!!