:root {
 --link: #ff8644;
 --dark: #1d1d1d;
 --light: #d1d1d1;
}

html {text-transform: lowercase;}

body {
 font-family: Tahoma;
 letter-spacing: 1px;
 color: var(--dark);
 animation: slidy 200s linear infinite;
 background: url("//files.catbox.moe/g8heny.jpg") 0% / 100%;
 background-size: 4000px;
}

a  {color: var(--link); text-decoration: none; letter-spacing: 3px; font-weight: bolder;}
h2 {text-align: center; letter-spacing: 3px;}
h4 {color: var(--dark); letter-spacing: 3px;}
b  {letter-spacing: 3px; background-color: rgba(255,255,255,0);}
p  {text-transform: none;}

@keyframes slidy { /* i ripped this from nepenos website i hope he wont be mad lol */
0% {background-position: -5000px, 5000px;}
100% {background-position: 0, 0;}
}




#header, #hSub {
 position: absolute;
 color: transparent;
 background-color: var(--dark);
 letter-spacing: 3px;
 font-weight: bolder;
 z-index: 2;
}
#hSub {top: 33px;}

.avatar {
 image-rendering: smooth;
 clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 0% 100%); /* icon cutoff, looks bad with manga panel icons */
}

.boxInfo, .boxHead, .url, .extended {
 border: none;
 background-color: rgba(0,0,0,0);
}

.topRight, .topLeft, .svmsg, blogTitle {
 background-color: rgba(255,255,255,0.7);
 backdrop-filter: blur(3px);
 padding: 5px;
 outline-style: solid;
 outline-width: 5px;
 outline-color: var(--dark);
}

.boxHead {color: black;}
#sMsg, #block, #add, #report {
 color: var(--links);
 font-weight: bolder;
}
#sMsg   {background-image: url(//files.catbox.moe/zgxct7.gif);}
#report {background-image: url(//files.catbox.moe/yb5chr.gif);}
#add    {background-image: url(//files.catbox.moe/sity3i.gif); white-space: nowrap;}
#block  {background-image: url(//files.catbox.moe/pnsqon.gif);}

#userBlogTitle, .rightHead {
 background-color: rgba(0,0,0,0);
 color: black;
 font-size: 22px;
}

.blog {background-color: rgba(0,0,0,0);}

.tableLeft, .tableRight {background-color: rgba(0,0,0,0);}

#footer {padding-top: 15px;}