*{margin:0;padding:0;outline:0}img{max-width:100%;height:auto}a{font-weight:700;text-decoration:none}ol,ul{list-style-type:none}h1{font-size:1.3em}h2{font-size:1.2em}h3{font-size:1.1em}h4{font-size:1em}h5{font-size:.9em}h6{font-size:.8em}.cf:after{content:'';display:table;clear:both}.alignleft{float:left}.alignright{float:right}.aligncenter{clear:both;display:block;margin:0 auto}html{--bgcolor:#fafaf8;--text-color:#444;--highlight-color:#6c0;--header-height:30vh;--header-bgimage:url(/wp-content/themes/generic_webcomic-main/images/header.png);--link-color:#06c;--link-hover:#c00;--link-active:#60c;--title-align:left;--menu-align:flex-start;--footer-align:left}body{margin:0 auto;padding:0 2em;min-width:320px;font-family:"Avenir Next","Segoe UI",Avenir,Gadugi,"Helvetica Neue Light","Helvetica Neue",Helvetica,Calibri,"Lucida Grande",Arial,sans-serif;background-color:var(--bgcolor);color:var(--text-color);box-sizing:border-box}html,body{height:100%}a:visited,a:link{color:var(--link-color)}a:hover{color:var(--link-hover)}a:active{color:var(--link-active)}img{box-shadow:0 2px 3px rgb(0 0 0 / .5)}nav ul li{display:inline}time{font-size:.8em;color:var(--highlight-color)}hr{margin:.5em 0;width:100%;height:1px;border:0;color:var(--highlight-color);background:var(--highlight-color)}#container{margin:0 auto;width:100%;height:100%;max-width:960px}#header{width:100%;margin-bottom:1.5em;position:relative;height:var(--header-height);max-height:500px;background:linear-gradient(180deg,#fff0 0%,#fff0 50%,var(--bgcolor) 96%),var(--header-bgimage);background-repeat:no-repeat;background-size:cover;background-position:top center;text-shadow:0 0 3px var(--bgcolor)}#header img{height:100%;width:100%;max-height:calc(var(--header-height) - 15%);object-fit:contain;object-position:var(--title-align);box-shadow:none}#header nav{width:100%;position:absolute;bottom:0;font-size:1.4em;font-weight:700}#header nav ul{width:100%;display:flex;justify-content:var(--menu-align)}#header nav ul li{padding:0 .25em}#header nav ul li:first-child{padding-left:0}#header nav ul li:last-child{padding-right:0}#gallery,#image,#content,#characters{padding:.25em 0}#gallery figure{float:left}#gallery figure,#image figure{margin:1% 0}#gallery figure img{aspect-ratio:7 / 9;object-fit:cover}#characters .page-entry,main .page-entry{margin-bottom:1em;display:block}#characters .page-entry .entry,main .page-entry .entry{padding:.25em 0}#characters .page-entry .entry p,main .page-entry .entry p{padding:.5em 0}#characters article{margin-bottom:1.5em}#characters article figure{margin-right:1.5em;max-width:40%;float:left}#characters article section header{margin-bottom:1em}#content{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}#content main{padding-right:1.5em;box-sizing:border-box;flex-basis:66.6%}#content main .entry{padding:.25em 0}#content main .entry p{padding:.5em 0}#content main .entry p:last-child{padding-bottom:.5em}#content main .entry.news p img{margin:1em auto;display:block}#content main .entry.news p img{margin:0 auto;display:block}#content main .entry ol{list-style:none;counter-reset:chapter-count;margin:.5em 0}#content main .entry ol li{counter-increment:chapter-count;margin:.25em 0}#content main .entry ol li::before{content:counter(chapter-count);padding-right:1em}#sidebar{padding:1em;box-sizing:border-box;box-shadow:0 1px 2px #000;display:block;border-radius:1em;flex-basis:33.3%;background-color:rgb(0 0 0 / .05)}#sidebar .sidebarsection{margin-bottom:1em}nav#navigation{padding:1.5em 0;text-align:center}nav#navigation ul li a,nav#navigation ul li span{margin:0 .25em;padding:0 .5em;border:1px solid;border-radius:.35em;font-size:2.5em}nav#navigation ul li span{color:var(--text-color);opacity:.5}.bookmarks ul li ul{margin:.5em 0}.bookmarks ul li ul li{margin-left:.5em;margin-bottom:1em}#footer{padding:.5em 0;text-align:var(--footer-align)}#footer p span.copy{color:var(--highlight-color);font-weight:700}#container>#footer{position:sticky;top:100vh}.highlight{color:var(--highlight-color)}@media (min-width:1000px){#gallery figure{width:23.5%;margin-right:2%}#gallery figure:nth-child(4n){margin-right:0}}@media (min-width:600px) and (max-width:999px){#gallery figure{width:31.3%;margin-right:3%}#gallery figure:nth-child(3n){margin-right:0}#content main{flex-basis:60%}#sidebar{flex-basis:40%}}@media (max-width:599px){body{padding:0 1em}#header{height:calc(var(--header-height) * 0.75)}#header nav{font-size:1.15em}#gallery figure{width:48%;margin-right:4%}#gallery figure:nth-child(2n){margin-right:0}#content main{padding:0 .25em 1em;flex-grow:1;flex-basis:100%}#sidebar{flex-grow:1;flex-basis:100%}#navigation{font-size:.85em}}