html{font-size:16px}body{margin:0;color:#333;flex-direction:column-reverse;background:#252525}img{display:block;max-width:100%;height:auto}h1,h2,h3,h4,h5,h6,header#global_header a{font-family:Nunito,arial,sans-serif}.desktop-hide{display:none!important}#shell{background-image:linear-gradient(90deg,transparent 50%,#fff 25%),linear-gradient(0,rgba(255,255,255,.1) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.1) 75%,transparent 75%,transparent);background-size:0,750px 750px;background-attachment:fixed;background-color:#fc0}header#global_header{border-bottom:2px solid #fc0}header#global_header li,header#global_header{border-color:#fc0}header#global_header li:nth-child(2){background:#fc0!important;padding:5px 0!important}header#global_header li:nth-child(2) a{cursor:default;color:#000!important;text-shadow:1px 1px 0 #FFF}header#header{margin-top:.5rem}header#header{display:flex;flex-direction:column;align-items:center}@media only screen and (min-width:992px){header#header{flex-direction:row;align-items:flex-end;justify-content:space-between}}header#header nav{margin-right:1rem}header#header ul{vertical-align:bottom;list-style-type:none;padding:0;margin:0}header#header li{background:#fff;background:linear-gradient(to bottom,#fff 0,#fff 51%,#efefef 100%);border-radius:.25rem .25rem 0 0;margin:0 .25rem;box-shadow:0 0 .25rem rgba(0,0,0,.25),inset 0 -1px 0 1px #fff;border:1px solid #efefef;width:7.25rem;height:3.5rem;vertical-align:bottom;transition:all .1s linear;display:inline-block;text-align:center}header#header li:hover{height:4rem;margin-top:-10px}header#header li a{font-family:'Nunito',sans-serif;color:#e1015e;text-decoration:none;font-weight:700;flex-direction:column;align-items:center;justify-content:center;line-height:1.1;height:3.5rem;overflow:hidden;display:flex;font-size:.9rem}header#header li a:before{content:'';background-image:url(../images/friday4koma-tabs.png);background-size:5.875rem 5.5rem;height:1.375rem;width:7.25rem;background-position:50% 0;display:block;background-repeat:no-repeat}header#header li.archive a:before{background-position:50% -1.375rem}header#header li.popular a:before{background-position:50% -2.75rem}header#header li.overview a:before{background-position:50% -4.125rem}a.logo{max-width:30rem}@keyframes moveLogo{0%,100%{transform:rotate(0)}10%{transform:rotate(-5deg)}20%{transform:rotate(4deg)}30%{transform:rotate(-4deg)}40%{transform:rotate(3deg)}50%{transform:rotate(-3deg)}60%{transform:rotate(2deg)}70%{transform:rotate(-2deg)}80%{transform:rotate(1deg)}90%{transform:rotate(-1deg)}}@keyframes popLogo{0%{transform:rotate(0) scale(1)}25%{transform:rotate(0) scale(1.1)}100%{transform:rotate(-3deg) scale(1)}}a.logo:hover img{-webkit-animation:moveLogo 2s ease-out infinite;-moz-animation:moveLogo 2s ease-out infinite,popLogo .2s ease-in-out;-ms-animation:moveLogo 2s ease-out infinite,popLogo .2s ease-in-out;animation:moveLogo 2s ease-out infinite,popLogo .2s ease-in-out}main{min-height:30rem;border-radius:.5rem;box-shadow:0 .25rem .25rem rgba(0,0,0,.5);box-sizing:border-box;border:1px solid #f90;display:flex}section{flex:0 1 calc(100% - 17.5rem)}hgroup h1 a:hover{text-decoration:underline}hgroup h2{font-size:1.75rem;border-radius:.5rem 0 0 0}hgroup h2 span:after{margin-top:-2.25rem}@media only screen and (min-width:992px){hgroup h2 span:after{margin-top:-2.1rem}}.symbols:not(.comic_nav) li a:hover{opacity:.7}.comic_nav li{width:15%}.comic_nav a:hover{background-color:#e1015e;box-shadow:inset 0 1px 0 3px #c50354,0 3px 1px rgba(0,0,0,.25)}.comic_nav a:active{background-color:#e1015e;box-shadow:inset 0 0 0 2px #c50354;margin:3px 2px 0}figure img{margin:0 auto;box-shadow:0 0 8px rgba(0,0,0,.5)}article{margin:0 1.25rem 1.25rem}article h2{font-size:1.5rem}time{font-size:1rem}.post a:hover{color:#000}.thumbs a:hover{opacity:.7;text-decoration:underline}aside{border-radius:0 .5rem .5rem 0;flex:0 1 17.5rem;flex-direction:column;justify-content:flex-start}.tags a:hover{color:#fff;text-shadow:-1px -1px 0 rgba(153,102,51,.3)}.patreon{opacity:1;transition:all .2s ease-in-out}.patreon:hover{opacity:.7}#related a:hover{opacity:.7;text-decoration:underline}#footer h5{display:inline-block;font-family:arial,sans-serif}#footer a:hover{color:#fff}