<style>body, h1, .player, ::-webkit-scrollbar-track {
/*Below is the property that changes the source image of the background. Common color names, hex colors, and images (using url()) are allowed.*/
    background: url();
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    font-family: comic sans ms;
    text-align: center;
}

.boxHead {
    display: none;
    text-indent: -9999px;
}

.blurbs, .fwiends, .blog, .boxInfo, .player, .shortRight, .tableRight, .extended, #commentInput {
text-align: center;
color: #0CB379;
background: rgba(-230, 659, -494, 0.3);
border: 4px #01ffb4 dashed;
border-radius: 5px;
box-shadow: 5px 1px 15px #03AB79;
padding: 0px;
text-shadow: 0 0 3px #38FFE2;
}

img#avatar.avatar {
filter: contrast(100%);

}
img#avatar.avatar:hover {
filter: none;
}

.blurbs, .fwiends, .tableRight, .player, .extended, .avatar, .short, #commentInput {
animation: float 2s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out; 

}
@keyframes float { 
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 8px);
}
100% {
transform: translate(0, -0px);
}

}
h4 {
  animation: color-change 0.5s infinite;
}

@keyframes color-change {
  0% { color: #3BE3B9 ; }
  50% { color: #14FCF3 ; }
  100% { color: #3BE3B9 ; }
}

b {
  animation: color-change 0.5s infinite;
}

@keyframes color-change {
  0% { color: #3BE3B9 ; }
  50% { color: #14FCF3 ; }
  100% { color: #3BE3B9 ; }
}

.blinkYellow, .blinkViolet, .blinkGreen {
animation: blink 0.3s infinite;
color: white;
font-family: comic sans ms;
text-shadow: 0 0 3px #13E3A1;
font-size: 14px;

}
@keyframes blink {
0%{color: #14FCF3;}
25%{color: #09BC83;}
50%{color: #7FF7D1;}
75%{color: #09BC83;}
100%{color: #7FF7D1;}
}

.url {
font-size: 0px;
background: url();
background-size: 275px;
position: fixed;
right: 0;
bottom: 0;
color: transparent !important;
height: 0px;
width: 0px;
border: none;
box-shadow: none;
padding: 0 !important;
z-index: 1000;
}

div.songName {
    color: #0CB379;
}
.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: var(--black);
    color: var(--black);
    height: 36px;
    filter: none;
}

.rightHead, .boxHead {
     background: transparent;
     background-size: 700px 100px;
     color: #05BC7C;
     font-size: 15px;
     padding-top: 3px;
     padding-left: 3px;
     padding-right: 3px;
     padding-bottom: 3px;
     line-spacing: 20px;
}

.songTitle:after {
    content: ".mp3"; //file extension of mp3
}

#commentInput { 
appearance: flex;
} 

h2#name {
    -webkit-background-clip: text;
    color: transparent;
    background-image: url(https://i.pinimg.com/originals/fe/63/52/fe635213e191685131500fca1cab7299.gif);
}

//*https://myspace.windows93.net/u/44148/avatar.jpg?v=1623371434</style>
	<style>