.postbit__before {width: 85rem; min-height: 50rem; height: auto; background: linear-gradient(-270deg, var(--h-headersecondcolor) 0%, var(--h-headersecondcolor) 26%, transparent 26%); margin: 0rem auto; margin-left: -2.5rem; padding-top: 2rem; padding-bottom: 2rem; margin-bottom: 1rem;}

.postbit {
background: var(--p-postbit); 
background-image: url(https://www.transparenttextures.com/patterns/corrugation.pngg); 
min-height: 50rem; 
height: auto;
max-width: 84rem; 
border-right: 0.5rem solid var(--h-headersecondcolor);
border-bottom: 0.6rem solid var(--f-forum);
position: relative; 
margin-left: 2.5rem;
z-index: 2;
} 
.postbit::beforee {
position: absolute;
display: block;
left: -2rem;
top: -2rem;
content: "";
height: 100%;
width: 20rem;
background: var(--h-headersecondcolor);
z-index: 0;
 }

.postbit__grid {
width: 100%;
height: 100%;
background: rgba(240, 240, 240, 0.0);
display: grid;
grid-template-areas: "head head" "nav main" "foot foot";
grid-template-rows: 25.5rem auto auto;
grid-template-columns: 20rem 1fr ;
position: relative;
}
.postbit__gridbox-1 {grid-area: head; border-bottom: 0.17rem solid var(--f-forumsolid);}
.postbit__gridbox-2 {grid-area: nav; min-height: 22rem; border-right: 0.17rem solid var(--f-forumsolid); position: relative; overflow: hidden; text-align: left;}
.postbit__gridbox-3 {grid-area: main; box-sizing: border-box; padding: 3rem 4rem 3rem 4rem; color: var(--p-text); font: 500 0.9rem 'Open-sans', sans-serif; line-height: 1.6rem; text-align: justify;}
.postbit__gridbox-32 {grid-area: nav2; box-sizing: border-box; }
.postbit__gridbox-4 {grid-area: foot; background: var(--p-background); border-top: 0.2rem solid var(--f-forumsolid); min-height: 13rem; overflow: hidden;}


.postbit__avabox {

position: absolute;
background-color: var(--f-forumm);
border-right: 0.2rem solid var(--f-forumsolid);
padding: 2.5rem;
width: 28rem;
height: 20.5rem;
top: 0;
left: 0rem;
}

.postbit__ava {

background-image: var(--h-headerimg);
width: 27.5rem;
height: 20rem;
}


.postbit__infobox {

position: absolute;
background-color: var(--f-forumm);
border-right: 0.2rem solid var(--f-forumm);
padding: 2.5rem;
width: 39rem;
height: 15rem;
top: 2.5rem;
right: 2.5rem;
}

.postbit__name {

position: absolute;
background: var(--p-postbittitle) !important;
max-width: 4rem;
height: auto;
left: -8.36rem;
bottom: 1.8rem;
padding: 1rem;
font: 600 2.3rem 'Voces', sans-serif;
text-transform: uppercase;
color: var(--h-headersecondcolor);
letter-spacing: 0.1rem;
text-align: right;
line-height: 2rem;
}


.postbit__ava-gif {

display: block;
height: 10rem;
width: 23rem;
object-fit: cover;
background-image: var(--h-headerimg);
border: 0.05rem solid rgba(0, 0, 0, 0.14);
position: absolute;
right: 0rem;
top: 0rem;
opacity: 0.89;
filter: grayscale(40%);

transition: 0.35s;
}


.postbit__info {

display: block;
width: 16rem;
position: absolute;
font: 600 0.78rem 'Voces', sans-serif;
text-transform: uppercase;
color: var(--h-headertitle);
letter-spacing: 0.2rem;
text-align: right;
line-height: 1.4rem;
right: 0rem;
bottom: 0rem;
}

.postbit__info2 {

display: block;
width: 19rem;
position: absolute;
font: 600 0.78rem 'Voces', sans-serif;
text-transform: uppercase;
color: var(--h-headertitle);
letter-spacing: 0.2rem;
text-align: left;
left: 0.2rem;
top: 0rem;
}


.postbit__quotes {

position: absolute;
top: -0.3rem;
left: -0.2rem;
width: 10rem;
height: auto;
transform: rotate(-0deg);
font: 600 2.8rem 'Voces', sans-serif;
text-transform: uppercase;
color: var(--h-headersecondcolor);
letter-spacing: 0.2rem;
text-align: left;
line-height: 2.9rem;
opacity: 0.15;
}


p_info {

background: rgba(0, 0, 0, 0.0);
display: inline-block;
width: 100%;
height: auto;
float: ;
margin-top: 0.45rem;
line-height: 0.9rem;
opacity: 0.35;
transition: 0.35s;
}
p_info:hover {opacity: 0.9;}

p_info2 {

background: rgba(0, 0, 0, 0.0);
display: inline-block;
width: 100%;
height: auto;
float: ;
margin-bottom: 0.45rem;
line-height: 0.9rem;
opacity: 0.35;
transition: 0.35s;
}
p_info2:hover {opacity: 0.9;}


.postbit__shortfacts {

position: relative;
display: inline-block;
background: var(--h-headersecondcolor) !important;
max-width: 9rem;
margin-right: 5rem;
height: auto;
margin-left: 2.5rem;
margin-top: 2rem;
padding: 1rem 1rem 0.9rem 1rem;
font: 600 0.95rem 'Voces', sans-serif;
text-transform: uppercase;
color: var(--h-headersecondcolor2);
letter-spacing: 0.1rem;
text-align: right;
line-height: 1.1rem;
}


.postbit__grid2 {
width: 100%;
height: 100%;
background: rgba(240, 240, 240, 0.0);
display: grid;
grid-template-areas: "left right";
grid-template-columns: 29rem 1fr;
}
.postbit__gridbox2-1 {grid-area: left;}
.postbit__gridbox2-2 {grid-area: right; border-left: 0.17rem solid var(--f-forumsolid);}

.postbit__sig {
padding: 4rem 0.5rem 4rem 0.5rem;
}


.postbit__gifs {

position: relative;
display: block;
background: var(--h-headersecondcolorr) !important;
width: 22rem;
height: auto;
margin-left: 3rem;
margin-top: 1.9rem;
}


.postbit__footer-gif {

width: 4rem;
position: relative;
display: inline-block;
float: right;
margin-left: 1rem;
margin-top: 0.9rem;
filter: opacity(0.48) drop-shadow(0 0 0 var(--f-forumtitle));
padding: 0.3rem;
border: 0.3rem solid var(--h-headersecondcolor);
border-radius: 100%;
}

.postbit__shorttext {

position: relative;
display: inline-block;
background: var(--h-headersecondcolorr) !important;
width: 22rem;
height: auto;
max-height: 45%;
overflow-y: scroll;
margin-left: 3rem;
margin-top: 1.6rem;
padding-bottom: 1rem;
padding-right: 1rem;
color: var(--p-text);
font: 500 0.9rem 'Open-sans', sans-serif; 
line-height: 1.6rem; 
text-align: left;
z-index: 1;
}


postbit__short {

display: block;
position: absolute;
left: 1rem;
top: 6.8rem;
font: 600 2.3rem 'Vidaloka', sans-serif;
text-transform: lowercase;
color: var(--h-headersecondcolor);
letter-spacing: 0.1rem;
z-index: 0;
opacity: 0.15;
}


.postbit__edit {

background: #;
position: absolute;
top: 30%;
right: -2.9rem;
width: 3rem;
height: 70%;
transform: rotate(0deg);
}


.postbit__ed {

background: ;
top: 0rem;
height: auto;
width: 1rem;
position: sticky;
z-index: 100;
}


postbit__stick {

display: inline-block;
background: var(--h-headertitle);
color: var(--t-color);
height: auto;
width: auto;
float: right;
padding: 0.4rem 0.6rem 0.4rem 0.6rem;
margin-right: 0.4rem;
font: 500 0.9rem 'Voces', sans-serif;
text-transform: uppercase;
border: 0.1rem solid var(--b-container3);
transform: rotate(0deg);
}


.postbit__edits {

position: absolute;
width: 100%;
height: 2rem;
right: 0rem;
bottom: 0rem;
}


.postbit__date {

position: absolute;
color: var(--h-headertitle);
height: 2rem;
width: auto;
bottom: -2.5rem;
right: -0.5rem;
font: 500 1.5rem 'Vidaloka', sans-serif;
text-transform: uppercase;
opacity: 0.5;
}


.postbit__nr {

position: absolute;
background: var(--h-headersecondcolorr) !important;
color: var(--t-color);
height: 2rem;
width: auto;
bottom: 0.7rem;
left: 1rem;
font: 800 2rem 'Vidaloka', sans-serif;
text-transform: uppercase;
opacity: 0.6;
}
