/* body stuff */
body {
background-image: url(https://i.ibb.co/80DdH8H/image-2023-03-23-132908705.png);
color: pink;background-size: 100%;
background-attachment:fixed;
}

body::after {
content: "";
display: block;
position: fixed;
left: -32px;
top: 0;
width: calc(100% + 32px);
height: calc(100% + 32px);
background-image: url(https://media4.giphy.com/media/YRcXl6VfNhCorklI0R/giphy.gif);
background-position: 0 0;
background-repeat: repeat;
z-index: 10000000;
animation: ScanlineAnimationRight 0.4s linear infinite;
pointer-events: none;
opacity: 0.24;
filter: blur(1px);
}

/* header stuff */
#header {
background: black;
}
#hSub {
background: #131313;
}
.logo b span {display: none;}
.logo b:before {content: "its just so nice knowing youre real"; 
font-family: oblique; 
font-size:15px; 
color: #ffffff;}

span#hUp::before {
    content: "and that youre still around, even though you know the real me";
    animation: koalarainbows 0.5s infinite !important;
    color: salmon;
    font-size: 14px;
}
@keyframes koalarainbows{
    0%{color: deeppink;}
    11%{color: deeppink;}
    22%{color: deeppink;}
    33%{color: gold;}
    44%{color: gold;}
    55%{color: gold;}
    66%{color: dodgerblue;}
    77%{color: dodgerblue;}
    88%{color: dodgerblue;}
    100%{color: dodgerblue;}
}

h4 {
color: mediumpurple;
font-family: Comic Sans;
}
p{
font-family: Comic Sans;
}

.rightHead{
color: #9f85d5;
background: #aa4f9c0a;
}



/* left profile stuff */

h2#name {
color: #ff6bf2;
font-size: 28px;
}
#gender {
font-size: 0;
user-select: none;
}
#gender::before {
 font-size: 15px;
 content: "nobniary";
}

#gender + div::after {
content: "!! yayy!!";
}
 
.boxInfo.box {
 border-radius: 15px;
 border-color: mediumpurple;
 background: url("https://i.ibb.co/Mfc0ypM/trevor-henderson.jpg");
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
}
.boxHead {background: transparent;}
.boxHead b {color: mediumpurple;}
#sMsg.boxButton {color: pink;}
#add.boxButton {color: pink;}
#report.boxButton {color: pink;}
#block.boxButton {color: pink;}

.url.box {
border: transparent;
}
.url.box b {
 color: mediumpurple;
}
.url.box a {
color: pink!important;
}

.player.box {
background-color: pink;
background-size: 33%;
background-position: 150px;
color: #000000;
border: none;
border-radius: 10px;
}

/* fwiends space */

.fwiendCount {
color: mediumpurple;
}

/* comment section stuff */

#commentInput {
 border-radius: 10px;
}

#userWall {
 overflow: scroll;
 height: 24em;
}

.tableLeft {
background: transparent;
}

.tableRight{
background: transparent;
}