* {
                box-sizing: border-box;
            }
            

pagecontainer{
width:90%;
height:500px;
}

comicbox{
aspect-ratio:3 / 2;
display:inline-block;
width:70%;
margin-bottom:10px;}

quotebox{
aspect-ratio:1 / 2.4;
display:inline-block;
vertical-align:top;
width:19%;
background:grey;
overflow-y:auto;
overflow-x:hidden;
}



.comiccover{
margin-right:-2px;
display:inline-block;
transform: skewY(2deg);
width:49%;
height:100%;
border:2px solid grey;
border-top-right-radius:40px;
border-style:solid none solid solid;}

.comicdesc{
margin-left:-3px;
display:inline-block;
transform: skewY(-2deg);
text-align:center;
width:49%;
height:100%;
border:2px solid grey;
border-top-left-radius:40px;
border-style:solid solid solid none;
padding:10px;
overflow:auto;}

.smrj{
color:black;
background-image:url(https://bennizone.net/graphix/newlayout/bgsmorj.png);}
.smrjtxt{
background-color:#F9B0A3;color:black;}
.stagseed{
color:white;
background-image:url(https://bennizone.net/graphix/newlayout/bgss.png);}
.stagtxt{
background-color:#4B5671;color:white;}
.vast{
color:white;
background-image:url(https://bennizone.net/graphix/newlayout/bgvz.png);}
.vasttxt{
background-color:#535A5F;color:white;}
.tied{
color:black;
background-image:url(https://bennizone.net/graphix/newlayout/bgtti.png);}
.ttitxt{
background-color:#E5ADFF;color:black;}

comicname {
color: #000000;
text-shadow: 2px 2px 0 #FFFFFF, 2px -2px 0 #FFFFFF, -2px 2px 0 #FFFFFF, -2px -2px 0 #FFFFFF, 2px 0px 0 #FFFFFF, 0px 2px 0 #FFFFFF, -2px 0px 0 #FFFFFF, 0px -2px 0 #FFFFFF;
  font-size: 20px;
  font-weight: bold;
}

.pagequicknav{
display:inline-block;
        text-align:right;
        background-image:url(https://bennizone.net/graphix/newlayout/BZsmile.png), linear-gradient(to left, blue, var(--bdarkgrey),var(--basegrey));
        background-size:auto 100%;
        border-bottom:3px solid blue;
        color:white;
        height:auto;
        width:100%;
        padding:3px 3px 0px 3px;
        margin:0px 0px 20px 0px;
        }
        
      
.simplelined {
text-align:center;
background-image:url(https://bennizone.net/graphix/notebook_lines.png);
background-size:auto;
background-repeat:repeat;
color:black;
padding:10px 3px 5px 3px;
border-right: 4px solid grey;
border-bottom: 4px solid grey;}

.quotepin{
margin-bottom:-15px;
width:25px;}

.corkboard{
display:inline-block;
background-image:url(https://bennizone.net/graphix/corkboard.png);
margin:-5px;
border:6px outset khaki;
padding:5px 10px 5px 10px;}

.kindwords{
font-size:20px;
font-weight:bold;
display:inline-block;
color:white;
text-shadow: 2px 0 #000, -2px 0 #000, 0 2px #000, 0 -2px #000,1px 1px #000, -1px -1px #000, 1px -1px #000, -1px 1px #000;}




.topimgcomics{
display:flex;
text-align:left;
width:70%;
max-width:500px;
height:100px;}

.topimgcomics img{
float:left;
height:100px}

.contained{
text-align:center;
width:90%;
max-width:1500px;}

.comicheader{
text-align:right;
background-image:url(https://bennizone.net/graphix/bg_happy.png);
padding:5px 15px 5px 15px;}

.pagequicknav{
position:fixed;
z-index:999;
}