body {
    text-align: center;
    color: white;
    background-image: url(https://media3.giphy.com/media/sNdXTW7bmdhK4Ywpv3/giphy.gif);
    font-style: normal;
    font-family: Ms Gothic;
    padding-top: 34px;
    font-size: 14px;
}
.rightHead {
    background: #000;
    color: #ffffff;
    padding-left: 4px;

}
.boxHead {
    background: #00000000;
    color: white;
    padding: 3px;
    padding-bottom: 4px;
    padding-left: 6px;
}
.fwiendCount {
    font-size: large;
    font-family: fantasy;
    color: #fff;
}
h4 {
    font-size: 20px;
    color: #c3a7f9;
    margin-bottom: 0px;
}
.url {
    border: solid 2px #fff0;
    padding: 2px;
}
.topRight {
    background-image: url(https://media3.giphy.com/media/aZAr98XJBz8EatYP0g/giphy.gif);
    float: right;
    width: calc( 60% - 20px );
    padding: 10px;
}
* {
    cursor: url(https://cur.cursors-4u.net/nature/nat-11/nat1021.cur), auto;
}
.tableRight {
    width: 75%;
    background: #000;
    padding: 10px;
    vertical-align: top;
    overflow-wrap: anywhere;
}
.tableLeft {
    background: #f930;
    width: 25%;
    padding: 10px;
    vertical-align: top;
    overflow: hidden;
}
#hSub {
    all: unset;
    font-family: Arial;
    font-size: 15px;
    background: #6699cc00;
    font-size: small;
    margin: 0px;
    padding: 5px;
    padding-top: 5px;
    padding-left: 5px;
    padding-left: 10px;
    padding-top: 4px;
    position: fixed;
    left: 0;
    top: 34px;
    width: calc(100% - 15px );
    color: #000;
    height: 15px;
    z-index: 300;
}
#header {
    all: unset;
    font-family: Arial;
    font-size: 15px;
    background: #00339900;
    color: #fff;
    position: fixed;
    width: calc( 100% - 15px );
    height: 22px;
    padding: 5px;
    left: 0px;
    top: 0px;
    margin-bottom: 40px;
    border-bottom: 1px solid black;
    padding-left: 10px;
    padding-top: 6px;
    overflow: hidden;
    z-index: 300;
}
textarea, textarea:focus {
    background-image: url(https://media3.giphy.com/media/I5gbwWdnydCk1ySmwr/giphy.gif);
    outline: none;
    box-shadow: none !important;
    border: 1px solid #ffffff;
}
.songName {
    margin-top: 0px;
    font-size: small;
    color: aliceblue;
}
.boxInfo {
    background-color: black;
    border: 1px solid #000;
    margin-bottom: 20px;
    margin-top: 20px;
}
td.shortRight {
    background: url(https://media3.giphy.com/media/09YpqSjkbY8DrZXgQz/giphy.gif);
    border: 2px black solid;
    background-position: center;
    background-size: cover;
    color: snow;
    overflow: hidden;
    width: 100%;
    text-shadow: -1px 0px 5px black, 1px 0px 18px black, 0px 0px 23px black, 0px 0px 72px black, 0px 0px 109px black;
}
.boxInfo.box {
    border: black;
    background: url(https://media3.giphy.com/media/09YpqSjkbY8DrZXgQz/giphy.gif);
    padding: 10px;
    background-size: 100%;
    color: white !important;
    height: 100%;
    width: 336px;
}
.blurbs {
    background-color: #ee82ee40;
    margin-bottom: 20px;
}
.box {
    background-color: #ee82ee40;
    border: none;
    overflow: hidden;
}
.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://img1.picmix.com/output/pic/normal/0/6/7/8/10278760_b3d89.gif);
}
.player.box {
    background-color: #0f4575;
}
.topRight > .box:not(.blurbs) > .rightHead > b::after {
    content: "═════════•❤•═════════";
    font-size: 25px;
    color: white;
}
.topRight > .box:not(.blurbs) > .rightHead > b {
    font-size: 0;
}
.logo {
    font-size: 0px;
    font-family: MS Gothic;
}
.logo::after {
content: url(https://media3.giphy.com/media/qSL5aElBrhpiqAWcer/giphy.gif);
font-size: 25px;
font-family: MS Gothic;
color: white;
margin-bottom: 20px;
}