/*OG Tailwind Styling*/
.pr-6 {
	padding-right:1.5rem
}

.anchor svg {
	display:inline;
}

.dark .toc-wrapper {
	background-color: var(--tw-prose-pre-bg)!important;
	border-color: rgb(55 65 81/var(--tw-divide-opacity))!important;
}

.light .toc-wrapper {
	border-color: rgb(229 231 235/var(--tw-divide-opacity))!important;
}

.toc-wrapper a, .related-posts a {
	text-decoration: none;
}

.toc-link a {
	display:none;
}

.toc-link:hover a{
	display:inline-block;
}

.tags a {
	margin-right: .75rem;
}

.category a {
	margin-right: .1rem;	
}

.category {
	line-height:3.2rem;
}

.read-more {
	text-decoration:inherit;
}



.tags a:hover {
	color:rgb(190 24 93);
}


.dark .tags a:hover {
	color:rgb(244 114 182);
}

.thumbnail {
	position:relative;
	display:block;
}

.nav li > ul {
	display:none;
}

.footnotes {
	margin-top:0;
	border:none;
}

.footnotes ol {
	margin-bottom:0;
	padding-top: 1.5em;
}

.footnotes > hr {
	margin:0;
}

.thumb-icon { 
	background: rgba(0,0,0,0.7); 
	color: #fff; 
	text-align: center; 
	display: block; 
	width: 32px; 
	height: 32px; 
	position: absolute; 
	bottom: 50%; 
	left: 50%; 
	margin-left: -16px; 
	margin-bottom: -16px;
	-webkit-border-radius: 4px; 
	border-radius: 4px;
	-moz-transition: all 0.7s ease; 
	-webkit-transition: all 0.7s ease; 
	transition: all 0.7s ease;
}

.thumb-icon svg {
  margin: 1px 0 0 2px;
}

.thumbnail:hover .thumb-icon { 
	background: #fff; 
	color: #333; 
}



.nav-mobile li{
	outline-width: 0;
	outline-style: solid;
	letter-spacing: .1em;
	font-weight: 700;
	font-size: 1.5rem;
	line-height: 2rem;
	padding-right: 1rem;
	padding-top: .5rem;
	padding-bottom: .5rem;
	margin-bottom: 1rem;
}


hr {
  height:0;
  color:inherit;
  border-top-width:1px
}
abbr:where([title]) {
  -webkit-text-decoration:underline dotted;
  text-decoration:underline dotted
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size:inherit;
  font-weight:inherit
}

b,
strong {
  font-weight:bolder
}
code,
kbd,
pre,
samp {
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
  font-feature-settings:normal;
  font-variation-settings:normal;
  font-size:1em
}
small {
  font-size:80%
}
sub,
sup {
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline
}
sub {
  bottom:-.25em
}
sup {
  top:-.5em
}
table {
  text-indent:0;
  border-color:inherit;
  border-collapse:collapse
}
button,
input,
optgroup,
select,
textarea {
  font-family:inherit;
  font-feature-settings:inherit;
  font-variation-settings:inherit;
  font-size:100%;
  font-weight:inherit;
  line-height:inherit;
  letter-spacing:inherit;
  color:inherit;
  margin:0;
  padding:0
}
button,
select {
  text-transform:none
}
button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
  -webkit-appearance:button;
  background-color:transparent;
  background-image:none
}

summary {
  display:list-item
}
blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
  margin:0
}
fieldset {
  margin:0
}
fieldset,
legend {
  padding:0
}
menu,
ol,
ul {
  list-style:none;
  margin:0;
  padding:0
}
dialog {
  padding:0
}
textarea {
  resize:vertical
}



/*pnkpxls.net PPXL styling*/
* {

}
header {
  padding: 0;
  margin: 0;
}
body {
  padding: 0;
  margin: 0;
  font-family: calibri;
  font-size: .7em;
  line-height:inherit;
  text-align: center;

}
a { color:inherit; text-decoration:none; }
a:hover { color:#ffc2db; }
div.wrapper {padding:2em; background: url(/main/content/images/20251008174436-darktexture.png);
  background-size:200%; }
body.wrapper {text-align:center;padding:2em; background: url(/main/content/images/20251008174436-darktexture.png);
  background-size:200%; }
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #ebebeb;
}

::-webkit-scrollbar-thumb {
  background: #464646;
}

::-webkit-scrollbar-thumb:hover {
  background: #aaaaaa;
}
#container {
    border: 15px dashed gray;
    border-image:url(/content/backgrounds/leopardlightgray.png) 10% round;
}
#head,#mainppxlfoot { background: #f8f6f1 url(/main/content/images/dotgridbgcrop.png); background-size:200px; }
#headrow { }
#mainthemefoot { background: #464646; color:#aaaaaa;}

.themenavtop { height:40px;background: #464646; }

ul.nav-top { }
.nav-top li {  }
.nav-top li a { text-transform:lowercase;font-family:  Tahoma, sans-serif;  color: #aaaaaa;  font-size: 1.35em;  text-decoration: none;}
.nav-top li a:hover {  letter-spacing: 2px;  color: #ffc2db;  text-decoration: none; }
ul.nav-top li a:active, ul.nav-top  li a:focus {  color: #ffc2db; }
.themenavtop .fa-solid { color: #aaaaaa; }
.themenavtop .fa-solid:hover,.themenavtop .fa-solid:active,.themenavtop .fa-solid:focus { color: #ffc2db; }

.sidebarwidgetpanelrow, .footermenuwidgetrow, .footerwidgetpanel, .modalmobileminimenuwidgetpanelrow { }
.wrapper-banner,.wrapper-banner-content { }
.wraprow-social-menu-banner,.wraprow-link-menu-banner { background: #464646; }
.wraprow-socialmenulinks-list a,.wraprow-linkmenulinks-list a, .wraprow-socialmenulinks-list button { color:#aaaaaa; }
.hbox0.headerwidgetpanel { }

main { background:#fff url(/main/content/images/smdashgridbgcrop.png) -50px -150px; background-size:200px; }

main a:hover { letter-spacing: 1px; animation: bavlnk .2s ease-in; }

article { background: #fff url(/content/digitalpapers/diary.png) no-repeat; }
.mainarticlepost, .postarticlebody, #mainarticledescription, .mainpagination {  background: #ffffff;}
#frontcontent {background:url(/main/content/images/20251008174934-diary.png);height:57.5vh;}

/* recent image sidebar */
.sidebar-recent-image-list img { margin-left:20%;width:60%; max-height:180px; border: 5px dashed gray;    border-image:url(/main/content/images/skinnyscanlinebg.png) 10% round;}

/* recent image sidebar */

/* recent text posts sidebar */
.sidebar-recent-text-list {}
h4.sidebarrecenttitle a {  display:inline-block; width:100%; margin:.3em;background:#ebebeb; border-radius:15px; }
h4.sidebarrecenttitle a:hover { text-decoration:underline;  background: #aaaaaa;}

/* recent text posts sidebar */


/* tutorials sidebar */
h4.sidebartutorialmenutitle { margin:.3em;background:#ebebeb; border-radius:15px; }
h4.sidebartutorialmenutitle a:hover { letter-spacing: 1px; text-decoration: underline; border-bottom: 2px dashed #ffc2db; color: #464646; }

/* tutorials sidebar */


/* contentmenu sidebar */
/* general */
.sidebar-contentmenu-section { margin-top:2%;padding-left:2%;}
.sidebar-contentmenulink-list { background: #464646; padding:2% 1% 0 0; }
.sidebar-contentmenulink-list:hover {  }
.sidebar-contentmenulink-list li { overflow: hidden; text-align:center; display:inline-block; background:#ebebeb; margin:1px 2px 1px 2px; padding: 2px;  }
.sidebar-contentmenulink-list a:hover { letter-spacing: 1px; text-decoration: underline; border-bottom: 2px dashed #ffc2db; color: #464646; animation: bavlnk .2s ease-in; }

/* short */
.sidebar-contentmenulink-list li.sht:hover { animation: bavlnk .2s ease-in;}
.sidebar-contentmenulink-list li.sht  { margin:1px 1px 1px 1px; width:27%; }
/* long */
.sidebar-contentmenulink-list li.lng:hover { animation: bavlnk .2s ease-in;}
.sidebar-contentmenulink-list li.lng { width:95%; }
/* contentmenu sidebar */



/* favs */
/* general */

/* sidebar */
.sidebar-favs-section { padding-left:2%; }
.sidebar-favslink-list a { color:#000000;background:#ebebeb; width:40%; margin:2px 3px 2px 3px; padding: 2px; display:inline-block; }
.sidebar-favslink-list a:hover { color: #464646;  background: #aaaaaa; }
/* footer */
.footer-favs-list a { background:#ebebeb; width:30%; margin:2px 3px 2px 3px; padding: 2px; display:inline-block; }
.footer-favs-list a:hover { color: #464646;  background: #aaaaaa; }
/* favs */

/* affies */
/* general */

/* sidebar */
.sidebar-affies-section { overflow: hidden; padding-left:2%;}
.sidebar-affieslink-list { height:90px; animation: sidebaraffiescroll 20s linear infinite; }
.sidebar-affieslink-list:hover { animation-play-state: paused; }
.sidebar-affieslink-list a { color:#000000;background:#ebebeb;width:26%; margin:2px 3px 2px 3px; padding: 2px; overflow:hidden; display:inline-block; }
.sidebar-affieslink-list a:hover { color: #464646;  background: #aaaaaa; }
/* footer */
.footer-affies-section { padding:0 2% 0 3%;overflow-y:scroll; height:85px; }
.footer-affies-section a { color:#000000;background:#ebebeb;width:26%; margin:2px 3px 2px 3px; padding: 2px; overflow:hidden; display:inline-block; }
.footer-affies-section a:hover { color: #464646;  background: #aaaaaa; }
/* affies */


/* legal menu */
/* general */
h3.footerlegalmenutitle {}
h3.footerlegalmenutitle:hover { color:;background:; }
/* footer */

ul.footerlegallinks li { display:inline-block;width:40%;margin:.1em;padding:2px;color:#aaaaaa;background:#464646; border:1px solid transparent; }
ul.footerlegallinks li:hover { margin:.1em;color:#ebebeb;background:#aaaaaa;border:1px solid #464646; }
ul.footerlegallinks li a { color:#aaaaaa; }
ul.footerlegallinks li:hover a, ul.footerlegallinks li a:hover { color:#ebebeb; }
/* mini mobile menu */

/* legal menu */

/* hostees */
/* general */
h4.footerhosteestitle {}
h4.footerhosteestitle:hover { color:;background:; }
/* footer */

.footer-hostees-list a { display:inline-block;width:26%;margin:.3em;padding:2px;color:#aaaaaa;background:#464646; }
.footer-hostees-list a:hover { margin:.3em;color:#ebebeb;background:#aaaaaa;  }


/* hostees */



.legalmenulinks-list, .footer-menulinks-list,.footer-socialmenulinks-list,.footer-modallinks-list { }
.modal-mminimenustatus-section,.modal-mminimenulinks-list,.modal-mmmsocialmenulinks-list,.modal-mmmlegalmenulinks-list { }
ul.footercategorytitle {  }
.wraprow-socialmenulinks-list li,.wraprow-linkmenulinks-list li, ul.footercategorytitle li,.footer-menulinks-list li, .footer-socialmenulinks-list li { display: inline; }
.wraprow-socialmenulinks-list ul a, .footer-socialmenulinks-list ul a{ padding: .9em; }


h4.footerfavstitle,h4.sidebarstatustitle,h4.sidebarfeaturedtitle,h4.sidebaraffiesfavstitle,h4.footermenutitle,h4.mmmstatustitle,h4.mmmlegalmenutitle,h4.hboxstatustitle { }

#mnavtb.mmnav {}
.box {width: 100%; height: 30%; border: 1px solid #464646;background:#fff; overflow-y: scroll;}
.hboxdate {text-align:right;} 

#ppxlthemesidebar ul {display: inline;  list-style-type: none; padding: 0; margin: auto 0;}
#ppxlthemesidebar ul li { display: inline-block; width: 90%; background: #ebebeb; padding: 3%; margin: 1.25%;}

img.sidebarlogo {margin-left:18%; }

.maincategorytitlelink {}

.postdatetime {}

.posttbdd {}

.staticpostrowdisplay {}

a.staticpostrowdisplayreadmore, a.backtohome, div.postpagepagination {}
div.postpagepagination {}
.postpageauthor {}
ul.postpageauthorcontent {}
li.postpageauthoravatar {}

.postpageauthorname {}
.postpageauthornametext {}
a.postpageauthorpostsby {}

div.post-tagcloud-section {overflow-y:scroll;height:85px!important;}
footer#postfooter { background:url(); background-size:25px; }
footer#postfooter ul,footer#postfooter div { background: #fff; }


.searchbar {}
button.scrolltotopbutton {}

div.thememodalbg {}
div.thememodalsearchrow, div.ppxlmobileminimenurow {background:#fff;}
div.ppxlmodal1row, div.ppxlmodal2row, div.ppxlmodal3row,div.ppxlmodal4row, div.ppxlmodal5row, div.ppxlmodal6row {background:#fff;}

li.dsl { display:inline-block; }
li.dsl a {  }


.fhm { text-align: justify; }



#links ul { display: inline; padding: 0; }
#links ul li { display: inline-block; }


#frontposts {
    height: 30vh;
    overflow-y:scroll;
}

#postsposts {
    height: 30vh;
    overflow-y:scroll;
}

#categoryposts {
    height: 50vh;
    overflow-y:scroll;
}

#singlepostpagecontent {background:url(/main/content/images/20251008174934-diary.png);}

header.posttitlehead {}
.postpagearticlecategory{}

h1.frontpagetitle, h1.frontpageh1, h1.postpagetitle, h1.staticarticletitle, h1.404searchtitle, h1.404searchtitle {}

.postarticlebody {}


h2.staticfrontposttitle, h2.staticpostsposttitle, h2.singleposttabcloud, h2.postpagepaginationtitle, h2.postpagearticletagstitle  {}

h2.desc {
background: transparent;
width: auto;
}

h2 {
  background-color: #aaaaaa;
  text-align: center;
  width: 100%;
}

ul.ico {
    list-style-type: none;
    width: 55px;
    display: inline-block;
    margin: 0;
    padding: 0 0 1% 1%;
}

ul.ico li {
    text-align: center;
    display: block;
}

img.icon {
    width: 50px;
}

img.bg {
    border: 1px solid #333333;
    width: 150px;
    height: 60px;
}

img.dp {
    border: 1px solid #333333;
    width: 85px;
}



.footertab > label {
  border: 1px solid transparent;
  color: #333333;
  background: #aaaaaa;
}

.footertab input:focus-visible + label {
  color: #ffc2db;
}

.footertab > label:hover,
.footertab > input:focus + label,
.footertab > input:checked + label {
  border: 1px solid #ffc2db;
  color: #ffc2db;
}

.footertab-panel {
  background: #fff;
}




.modal2tab > label {
  border: 1px solid transparent;
  color: #333333;
  background: #aaaaaa;
}

.modal2tab input:focus-visible + label {
  color: #ffc2db;
}

.modal2tab > label:hover,
.modal2tab > input:focus + label,
.modal2tab > input:checked + label {
  border: 1px solid #ffc2db;
  color: #ffc2db;
}

.modal2tab-panel {
  background: #fff;
}

.modal3tab > label {
  border: 1px solid transparent;
  color: #333333;
  background: #aaaaaa;
}

.modal3tab input:focus-visible + label {
  color: #ffc2db;
}

.modal3tab > label:hover,
.modal3tab > input:focus + label,
.modal3tab > input:checked + label {
  border: 1px solid #ffc2db;
  color: #ffc2db;
}

.modal3tab-panel {
  background: #fff;
}


#ppxlthemeheadersmall {background: #464646;}

.mtabtab > label {
  border: 1px solid transparent;
  color: #333333;
  background: #aaaaaa;
}

.mtabtab input:focus-visible + label {
  color: #ffc2db;
}

.mtabtab > label:hover,
.mtabtab > input:focus + label,
.mtabtab > input:checked + label {
  border: 1px solid #ffc2db;
  color: #ffc2db;
}

.mtabtab-panel {
  background: #fff;
}

.dtabtab > label {
  border: 1px solid transparent;
  color: #333333;
  background: #aaaaaa;
}

.dtabtab input:focus-visible + label {
  color: #ffc2db;
}

.dtabtab > label:hover,
.dtabtab > input:focus + label,
.dtabtab > input:checked + label {
  border: 1px solid #ffc2db;
  color: #ffc2db;
}

.dtabtab-panel {
  background: #fff;
}

.phonetab > label {
  border: 1px solid transparent;
  color: #333333;
  background: #aaaaaa;
}

.phonetab input:focus-visible + label {
  color: #ffc2db;
}

.phonetab > label:hover,
.phonetab > input:focus + label,
.phonetab > input:checked + label {
  border: 1px solid #ffc2db;
  color: #ffc2db;
}

.phone-panel {
  background: #fff;
}

.fulltab > label {
  border: 1px solid transparent;
  color: #333333;
  background: #aaaaaa;
}

.fulltab input:focus-visible + label {
  color: #4d4d4d;
}

.fulltab > label:hover,
.fulltab > input:focus + label,
.fulltab > input:checked + label {
  border: 1px solid #ffc2db;
  color: #ffc2db;
}
.full-panel,.fulltab {
  background: #fff;
}