:root {
    --dark: #1d1d1d;
    --boxes: #fff;
    --boxesb: #878787;
    --links: #1d1d29;
    --linkss: #3d3b48;
}

html {
    font-size: 22px; 
    text-transformation: lowercase;
    text-decoration: none;
}
body {
    font-family: 'Tahoma';
    letter-spacing: 1px;
    background-color: var(--dark); 
    
}


.avatar {
    image-rendering: smooth;
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 90%); /* uncomment this for the icon cutoff, currently looks shitty with the manga pfps */
}

.blog { background-color: var(--boxes); }

.boxInfo, .url { border: none; }
.boxHead, .url { background-color: var(--boxesb); }

#sMsg, #block, #add, #report {
    color: var(--links);
    font-weight: bolder;
}
#header, #hSub {
    color: transparent;
    background-color: var(--boxesb);
    position: absolute;
}
#hSub { top: 33px; }

#footer {
    background-color: var(--boxes);
    box-shadow: inset -10px 0px 0px 0px var(--boxesb), inset 10px 0px 0px 0px var(--boxesb);
}
.logo { color: var(--links); }

.topRight, .topLeft, blogTitle {
    background-color: var(--boxes);
    box-shadow: inset -10px 0px 0px 0px var(--boxesb), inset 10px 0px 0px 0px var(--boxesb);
}
.topLeft {
    background-image: url('https://i.imgur.com/24uINk6.jpg');
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: contain;
    padding-bottom: 80%;
}
.tableRight { background-color: var(--boxes); }
.tableLeft { background-color: var(--boxesb); }

.rightHead {
    background-color: var(--boxesb);
    color: var(--links);
}
.extended { border: none; }

img:hover { z-index: 4; }

text {
    position: relative;
    z-index: 5;
}
h4 { color: var(--dark); }
h2 { text-align: center; }
a {
    color: var(--links);
    text-decoration: none;
    box-shadow: inset 0px 3px 0px 0px var(--linkss),
}
a:hover {
    position: relative;
    z-index: 5;
    color: var(--linkss);
}

.fwiendCount { color: var(--links); }