html{background:#ddd}footer,header{background:#000}nav.site{background-color:#444}nav.site a:hover{color:#7db9dc}nav.site span.active-indicator{background-color:#7db9dc}.button{background-color:#444}.cards .card h1{color:#486b80}.cards .card h3{background-color:#000}.cards .card .actions .action{color:#7db9dc}.page .field{display:inline-block;padding:.5em}.page .field label{display:block;text-align:left}.page .field span.value{border-bottom:1px solid #000;color:#00008b;display:block;font-family:Caveat,cursive;font-size:x-large;padding:0 .5em}.cards .card.album{width:260px}.cards .card.album .hero{border-radius:10px;height:260px}.cards .card.song{padding:.5em;width:400px}.cards .card.character{max-width:480px}.cards .card.character p{margin:0;text-align:justify}.cards .card.character .profile{display:block;float:left;margin-right:1em;max-width:150px;width:100%}.cards .card.character .tile-content{padding:.5em}.content{font-family:Courier Prime,serif}.title-bar h1{display:inline}.title-bar .date,.title-bar .list-format-toggle{float:right;line-height:2em}.title-bar a.fa{color:#000;text-decoration:none}.title-bar a.fa.active{color:#006432}.title-bar a.fa:hover{color:#fff}#comic .bar{background:#000;border:2px solid silver;border-radius:.5em;display:none;margin:5px}#comic .bar.expanded{display:block}#comic .bar p{color:#f8ec70;font-size:1.2em;font-weight:700;margin:0;padding:5px;text-align:center;word-wrap:break-word}#comic .spoilertag{background-color:#000;clear:both;color:#f8ec70;cursor:crosshair;padding:.5em}#comic .spoilertag+a,#comic .spoilertag.accepted{display:none}#comic .spoilertag.accepted+a{display:initial}#comic img.strip{display:block;margin:auto;max-width:1920px;width:100%}#comic .nav-bar{border-bottom:1px solid #006432;border-top:1px solid #006432;display:inline-block;font-size:2em;margin-top:5px;padding:5px 0;width:100%}#comic .nav-bar .showbar{color:#006432;float:left}#comic .nav-bar nav{display:block;margin:auto;text-align:center}#comic .nav-bar nav a{box-sizing:border-box;color:#006432;display:inline-block;text-decoration:none;width:40px}#comic .nav-bar nav a:hover{color:#fff}#comic-list{display:block}#comic-list .year-list,#comic-list.list{display:flex;flex-wrap:wrap}#comic-list.list .archive-year{margin-right:20px;overflow:hidden;width:30%}#comic-list.list .year-list{flex-direction:column}#comic-list.list a.comic{display:block;padding:.25em}#comic-list.list a.comic .hero{background-image:none!important}#comic-list.list a.comic span.title{display:inline-block;text-decoration:underline}#comic-list.list a.comic span.date:after{content:":"}#comic-list.cards .archive-year h3{border-bottom:2px solid #006432;font-size:x-large}#comic-list.cards span{opacity:0;transition:opacity .25s}#comic-list.cards .card:hover span{opacity:1}@media screen and (max-width:1280px){#comic-list.list .archive-year{width:45%}}@media screen and (max-width:640px){#comic-list.list .archive-year{width:100%}}@media only screen and (max-width:515px){.card.character .profile{max-width:100px}}@media(hover:none){#comic-list.cards .card span{opacity:1}}html{background:#e2e6d6;overflow:hidden}body{display:flex;flex-direction:column;font-family:Barlow,sans-serif;height:100vh;margin:0;min-width:320px;overflow-x:hidden}footer{background:#003219;clear:both;color:#fff;height:30px;padding:5px}footer,form{box-sizing:border-box}form .row{clear:both;display:block;margin-bottom:30px;overflow:hidden}form .row>label,form .row>legend{display:inline-block;float:left;font-weight:700;overflow:hidden;vertical-align:top;width:25%}form .row>div{display:inline-block;float:left;width:75%}h1{margin:0 0 10px}header{background:#003219;color:#fff;display:block;flex-shrink:0;height:80px}header a{color:#fff;text-decoration:none}header .banner-logo{display:inline-block;height:100%}header .banner-logo a{white-space:nowrap}header .banner-logo a,header .banner-logo a .helper{display:inline-block;height:100%;vertical-align:middle}header .banner-logo a img{max-height:100%;max-width:100%;vertical-align:middle}header .nav-toggle{display:none}nav.site{background-color:#006432;box-shadow:inset 0 1px 1px rgba(1,1,1,.5);box-sizing:border-box;display:block;flex-shrink:0;width:300px}nav.site>a{border-top:1px solid #fff}nav.site a{color:#fff;cursor:pointer;display:block;margin:0 10px;padding:10px 0;position:relative;text-decoration:none}nav.site a:first-child{border:none}nav.site a:hover{color:#f8ec70}nav.site .subnav{display:none;margin-left:2em}nav.site .subnav.expanded{display:block}nav.site span.active-indicator{background-color:#f8ec70;height:100%;left:-10px;position:absolute;top:0;width:2px}.button{background-color:#006432;box-shadow:0 1px 1px rgba(0,0,0,.5);color:#fff;display:inline-block;padding:.5em 1em;text-decoration:none;transition:box-shadow .3s ease-in-out}.button:hover{box-shadow:0 3px 6px rgba(0,0,0,.5)}.content{box-shadow:inset 1px 2px 2px rgba(1,1,1,.5);flex:1;margin:0 auto;overflow-x:hidden;padding:10px}.main{display:flex;flex-direction:row;flex-grow:1;flex-shrink:0;overflow:visible;transition:.5s}.page{background-color:hsla(0,0%,100%,.75);box-shadow:0 1px 1px rgba(0,0,0,.5);margin:auto;max-width:920px;padding:1em}.cards{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:flex-start}.cards .card{background-color:hsla(0,0%,100%,.75);border-radius:10px;box-shadow:0 1px 1px rgba(0,0,0,.5);box-sizing:border-box;display:flex;flex-direction:column;float:left;margin:.5em;overflow:hidden;text-decoration:none;transition:box-shadow .3s ease-in-out}.cards .card:hover{box-shadow:0 6px 9px rgba(0,0,0,.5)}.cards .card.square{height:400px;width:400px}.cards .card.song{width:100%}.cards .card.ne h3{background-color:#003219}.cards .card.ne .tile-action{color:#006432}.cards .card h1{color:#003219;font-size:x-large;margin:1em 10px 0}.cards .card h3{background-color:#003219;color:#fff;display:block;margin:0;padding:.5em}.cards .card .actions{font-size:large;margin-left:.5em}.cards .card .actions .action{color:#006432;display:inline-block;padding:.5em;text-decoration:none}.cards .card .card-content{font-size:medium;margin:10px}.cards .card .card-content .trimmed,.cards .card .card-content.collapsed .full{display:none}.cards .card .card-content.collapsed .trimmed{display:inherit}.cards .card .hero{background-position:50%;background-size:cover;flex-grow:1;position:relative}.cards .card .hero span{background-color:rgba(0,0,0,.5);box-sizing:border-box;color:#fff;font-size:2em;position:absolute;text-shadow:2px 1px 2px #000;width:100%}.cards .card .hero span.date{bottom:0;padding-right:10px;text-align:right}.cards .card .hero span.title{line-height:1.5em;padding-left:10px;top:0}.wrapper{box-sizing:border-box;height:100%;overflow:hidden}@media only screen and (max-width:945px){h1{font-size:1.5em}.main nav.site{margin-left:-300px}.main.nav-expanded{margin-left:300px;margin-right:-300px}form .form-group label,form .form-group legend,form .form-group>div{clear:both;display:block;float:none;width:100%}header{display:flex}header .banner-logo{flex-grow:1;height:100%;margin:auto;text-align:center}header .icon{display:inline-block;font-size:2em;margin:10px;padding:15px;text-align:center;width:30px}.tiles .tile.square{height:260px;width:260px}}