:root {
--paleheaderfont:"Uncial Antiqua";--palefont:"Raleway", sans-serif;--palecolor1:var(--lightback,#15110d);--palecolor2:var(--bordercolor,#433C35);--palecolor3:var(--txt,#7A736C);--palecolor4:#fbffff;--palecolor5:#8c916f;
}

#palebackground{
width:450px;padding:10px;margin:auto;background:none;box-sizing:border-box;border: 2px solid var(--palecolor2);
}

#paleboxheader{
background:var(--palecolor2);padding:10px;margin:0;text-transform:uppercase;color:var(--palecolor3);box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;
}

#paleboxhp{
flex:6;align-items:center;box-sizing:border-box;
}

.gpolaroid{
position:relative;height:176px;width: calc(176px * 1.13);background:var(--palecolor4);padding:10px 10px 35px 10px;border: 1px solid var(--palecolor2);transition:transform 0.3s ease;transform:rotate(0deg);
}

.gpolaroid:hover{
transform: rotate(-2deg);
}

#paleboxhfacts {
flex: 4;align-items:center;box-sizing:border-box;text-align:center;
}

.paleh1 {
font-family:var(--paleheaderfont);color:var(--palecolor5);letter-spacing:0.05em;font-size:1.1em;line-height:1.25em;padding: 0px 10px;
}

#palefactsheader {
width: 94%;margin: auto;
}

.palefacts {
display:inline-block;width:auto;padding:5px 10px;margin:5px;background-color:var(--palecolor5);text-align:center;color:var(--palecolor2);font-family:var(--palefont);font-size:0.6em;text-transform:uppercase;box-sizing:border-box;letter-spacing:0.3em;line-height:1.25em;
}

.palefacts:hover,.palefacts:active,.palefacts:focus{
cursor:crosshair;background:var(--palecolor2);color:var(--palecolor5);
}

.paleboxproepilog{
height:150px;background:var(--palecolor2);margin:5px auto;padding:20px;padding-right:10px;text-align:justify;font-size:0.9em;font-family:var(--palefont);line-height:1.1em;color:var(--palecolor5);width:80%;box-sizing:content-box;transition:overflow 0.3s ease;overflow-y:auto;scrollbar-width:thin;scrollbar-color:transparent transparent;
}

.paleboxproepilog::-webkit-scrollbar{
width: 3px;
}

.paleboxproepilog::-webkit-scrollbar-track{
background: transparent;
}

.paleboxproepilog::-webkit-scrollbar-thumb{
background-color: rgba(0, 0, 0, 0.1);border-radius: 10px;
}

.paleboxproepilog:hover{
scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}

.paleboxproepilog:hover::-webkit-scrollbar-thumb{
background-color: rgba(0, 0, 0, 0.2);
}

paledivider{
display:block;padding:10px 0;font-family:var(--paleheaderfont);color:var(--palecolor2);font-size:1.5em;text-align:center;
}

.paleboxleft{
box-sizing:border-box;margin:auto;padding:10px;
}

.paleboxright{
box-sizing:border-box;margin:auto;padding:10px;
}

.paleboxrheader{
text-align:center;color:var(--palecolor5);font-family:var(--paleheaderfont);font-size:1.5em;margin-bottom:10px;
}

.paletextboxr{
margin-right:-12px;height:250px;box-sizing:content-box;transition:overflow 0.3s ease;overflow-y:auto;scrollbar-width:thin;scrollbar-color:transparent transparent;
}

.paletextboxl{
margin-right:-12px;height:250px;box-sizing:content-box;transition:overflow 0.3s ease;overflow-y:auto;scrollbar-width:thin;scrollbar-color: transparent transparent;
}

.paletextbox{
font-family:var(--palefont);color:var(--palecolor3);font-size:0.8em;border-left:2px solid var(--palecolor2); border-right:2px solid var(--palecolor2);padding: 5px 10px;text-align:justify;
}

.gpolaroidsmallr{
float:right;background:var(--palecolor4);padding:10px 10px 35px 10px;border: 1px solid var(--palecolor2);height:110px;width: calc(110px * 1.13);margin: 0 0 5px 10px
}

.gpolaroidsmalll{
float:left;background:var(--palecolor4);padding:10px 10px 35px 10px;border: 1px solid var(--palecolor2);height:110px;width: calc(110px * 1.13);margin: 0 10px 5px 0
}

.paletextfacts{
display:inline-block;width:auto;padding:5px;margin:5px;background-color:var(--palecolor5);text-align:center;color:var(--palecolor2);font-family:var(--palefont);font-size:0.8em;text-transform:uppercase;box-sizing:border-box;letter-spacing:0.3em;line-height:1.25em;
}

.paletextfacts:hover,.paletextfacts:active,.paletextfacts:focus{
cursor:crosshair;background:var(--palecolor2);color:var(--palecolor5);
}

.paletextboxfakten{
text-align:center;
}

.paletextboxl::-webkit-scrollbar,.paletextboxr::-webkit-scrollbar{
width: 3px;
}

.paletextboxl::-webkit-scrollbar-track,.paletextboxr::-webkit-scrollbar-track{
background: transparent;
}

.paletextboxl::-webkit-scrollbar-thumb,.paletextboxr::-webkit-scrollbar-thumb{
background-color: var(--palecolor5);border-radius: 10px;
}

.paletextboxl:hover,.paletextboxr:hover{
scrollbar-color: var(--palecolor5) transparent;
}

.paletextboxl:hover::-webkit-scrollbar-thumb,.paletextboxr:hover::-webkit-scrollbar-thumb{
background-color: var(--palecolor5);
}

#palebackground b {
text-transform:lowercase;letter-spacing:0.3em;font-weight:700;color:var(--palecolor2);
}

#palebackground .pal{
float:right;display:inline-block;width:auto;padding:5px;margin:5px;background-color:var(--palecolor5);text-transform:uppercase;text-decoration: none;font-weight: 200;text-align:center;color:var(--palecolor2);font-family:var(--palefont);font-size:0.8em;text-transform:uppercase;box-sizing:border-box;letter-spacing:0.3em;line-height:1.25em;
}

#palebackground .pal:visited,#palebackground .pal:link{
color:var(--palecolor2);
}

#palebackground .pal:hover,#palebackground .pal:active,#palebackground .pal:focus{
cursor:crosshair;background:var(--palecolor2);color:var(--palecolor5);
}

#palebackground i {
text-transform:lowercase;letter-spacing:0.3em;font-weight:200;font-style:cursive;background:none;
}

#palebackground u {
text-transform:lowercase;letter-spacing:0.3em;font-weight:500;text-decoration:underline;
}

#palebackground s {
text-transform:lowercase;letter-spacing:0.3em;font-weight:200;text-decoration:line-through;
}