body{
background-image:url(https://i.postimg.cc/MZBjbdbk/ezgif-com-gif-maker-5.gif);
background-size: 100%;
background-attachment: fixed;
    }
 
.url {
font-size: 0px;
background: url(https://i.postimg.cc/XvnhwJYb/Tumblr-mbm05g-U2cp1rdu9woo1-250.gif);
background-size: 310px;
position: fixed;
right: 0;
bottom: 0;
color: transparent !important;
height: 256px;
width: 256px;
border: none;
box-shadow: none;
padding: 0 !important;
z-index: 1000;
}
 
body, div#header{
font-family: courier;
text-shadow: 1px 1px 2px #999, 0 0 1em #999, 0 0 0.2em #999;
color: #999;
text-align: center;
background-color: #101010;
}
 
.topRight{
text-align: center;
}
 
#report{
display: none;
}
 
#block{
display: none;
}
 
.fwiendCounter{
font-size: 0px;
}
.fwiendCounter:after{
font-size: 15px;
font-weight: bold;
content: "people who i definitely didn't hold at gunpoint and force to be my besties :)";
}
 
#sMsg{
font-size: 0px;
background-image:url(https://i.postimg.cc/rsyv57Vz/ezgif-com-gif-maker.gif);
background-size: contain;
}
 
#sMsg:after{
content:"msg me bestie";
font-size: small;
color:#840a0a; padding-left: 10px;
}
 
#add{
font-size: 0px;
background-image:url(https://i.postimg.cc/rsyv57Vz/ezgif-com-gif-maker.gif);
background-size: contain;
}
 
#add:after{
content:"be my bestie?";
font-size: small;
color:#840a0a; padding-left: 10px;
}
 
div#hSub{
font-family: georgia; 
color: white; 
border: 1px solid #101010;
}
 
a, a h3, .boxInfo a div, .fwiendFace b {
color: #840a0a;
text-shadow: 1px 1px 2px #840a0a, 0 0 1em #840a0a, 0 0 0.2em #840a0a;
}
 
div#hSub{
font-family: georgia;
color: #999;
text-align: center;
text-shadow: 1px 1px 2px #840a0a, 0 0 1em #840a0a, 0 0 0.2em #840a0a;
background-color: #101010
}
 
#hSub a {
color: #840a0a;
text-decoration: none;
}
 
.date {
color: #505050;
text-shadow: 1px 1px 2px #505050, 0 0 1em #505050, 0 0 0.2em #505050;
font-family: georgia;
}
 
h4{
color:rgba(80, 80, 80);
text-shadow: 1px 1px 2px #505050, 0 0 1em #505050, 0 0 0.2em #505050;
font-family: garamond;
}
 
.tableLeft a div b {
color: #840a0a;
float: left;
margin-bottom: 7px !important;
}
 
div#hSub a:first-child {
border-bottom: 2px solid #d00;
padding-bottom: 7px;
}
 
img {
image-rendering: auto;
image-rendering: crisp-edges;
image-rendering: pixelated;
image-orientation: from-image;
transition: filter .3s ease-in-out;
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}
 
img:hover {
    -webkit-filter: grayscale(100%);
filter: grayscale(100%);
transform: scale(1.1);
transition: all ease 500ms;
}
 
div.rightHead, div.boxHead{
background:rgba(132, 10, 10);
color: black;
    }
 
.fwiendFace img {
background-position: center;
border-radius: 0%;
display: absolute;
height: 100px;
object-fit: cover;
width: 100px;
transition: filter .5s ease-in-out;
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}
 
.fwiendFace img:hover {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
transform: scale(1.1);
transition: all ease 500ms;
}
 
.tableLeft {
background: none;
width: 100px; !important;
height: 100px;
}
 
a.logo {
color: #ffffff00 !important;
text-decoration: none;
font-size: 0px !important;
text-align: center;
}
 
a.logo::after {
content: "can we see beautiful pictures of your life, projected on the side of a house?" !important;
font-size: 15px !important;
letter-spacing: 1px;
text-transform: none;
font-family: georgia !important;
color: #505050
text-shadow: 1px 1px 2px #505050, 0 0 1em #505050, 0 0 0.2em #505050;
text-align: center;
}
 
.player::before {
content: url(https://i.postimg.cc/m2FJN7LC/b9617d9d0ea784e7c565c2ea2b86d071.gif);
display: block;
position: center;
width: calc(40% -20px);
background-position: 0 0;
}
 
#name {
text-align: center;
color: #d00;
text-shadow: 1px 1px 2px #d00, 0 0 1em #d00, 0 0 0.2em #d00;
font-family: garamond;
}
 
div.boxhead {
text-align: center;
}
 
* {
cursor: url(https://cur.cursors-4u.net/cursors/cur-1/cur5.cur),auto!important;
}
 
div#online {
content: url(https://dl.glitter-graphics.com/pub/119/119769kp2qgxjs5x.gif);
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
 
.box > :not(#form) {
padding: 7px;
text-align: center
color: #999;
}
 
div.rightHead, div.boxHead {
background: rgba(132, 10, 10);
color: #999;
}
 
.boxInfo {
border: 1px solid #2b2b2b;
margin-bottom: 20px;
margin-top: 20px;
background-color: #101010;
}
 
.extended {
border: 1px solid #2b2b2b;
text-align: center;
margin-bottom: 20px;
margin-top: 15px;
background-color: #101010;
}
 
.player {
padding: 4px;
margin-top: 20px;
margin-bottom: 15px;
background: #101010;
color: #d00;
width: calc(100% - 10px );
border: 1px solid #2b2b2b;
text-shadow: 1px 1px 2px #d00, 0 0 1em #d00, 0 0 0.2em #d00;
}
 
.blogs, .blog {
margin-bottom: 20px;
background: #101010;
border: 1px solid #101010;
}
 
.topRight {
float: right;
width: calc( 60% - 20px );
padding: 6px;
background-color: #101010;
border: 1px solid #2b2b2b;
}
 
.tableRight {
width: 75%;
background: #101010;
padding: 10px;
vertical-align: top;
overflow-wrap: anywhere;
}
 
button {
background: #505050;
color: #2b2b2b;
border: 1px solid #2b2b2b;
border-radius: 10%;
}
 
audio {
border: solid 1px #101010; */
padding: 2px; */
margin-bottom: 0px;
margin-top: 5px;
width: 100%;
height: 30px;
background: #101010;
outline: none;
margin-bottom: -3px;
filter: sepia(0%) saturate(100%) grayscale(0) contrast(100%) invert(0%); */
}
 
.blogs {
display: flex;
flex-flow: row;
}
 
.blurbs>.blogs>div:not(:first-child):before {
content: "";
width: 96px;
height: 64px;
background: url("https://i.gifer.com/5ygc.gif");
background-size: contain;
display: block;
background-position: center;
background-repeat: no-repeat;
}
 
textarea, textarea:focus {
outline: none;
box-shadow: none !important;
border: 1px solid #2b2b2b;
background-color: red;
color: white;
text-shadow: 1px 1px 2px white, 0 0 1em white, 0 0 0.2em white;
background-image:url(https://i.postimg.cc/MZBjbdbk/ezgif-com-gif-maker-5.gif);
font-family: garamond;
}
 
input[type=submit] {
--size: 25px;
border: none;
color: #fff0;
background-color: #0000;
background-image: url(https://i.postimg.cc/BbGgsPFP/3dtext2gif-fwuigfazxpmi.gif);
background-size: 100px 70px;
background-position: 0px center;
background-repeat: no-repeat;
padding-left: calc(var(--size) + 25px);
padding-top: calc(var(--size) + 5px);
height: var(--size);
}