html,body{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background-color:#fff;font-family:"Newsreader",serif;color:#111}a:visited{color:#111}nav{display:flex;flex-wrap:wrap;justify-content:center;color:#111;width:100%;padding:20px;border-style:solid;border-width:0 0 1px 0;border-color:#111}footer{display:flex;flex-direction:row;align-items:center;justify-content:center;position:absolute;bottom:0;background-color:#fff;width:100%;height:40px;border-top:solid 1px #111111}footer img{padding:0 10px}.loader{position:absolute;width:100%;display:flex;justify-content:center;pointer-events:none;opacity:1;z-index:1000}.comics{display:flex;flex-direction:row;overflow:scroll;width:100%;height:100%;align-items:center}.comics a{height:100%;display:flex;flex-direction:column;text-decoration:none;justify-content:center;color:#111}.comics a:last-child{margin-right:60px}.comic-container{display:flex;flex-direction:column;overflow:scroll;margin:0 0 20px 60px;height:75%;position:relative}.comic{height:95%;margin-bottom:10px}.comic-caption{position:relative;margin:0 0 20px 60px;background-color:#fff}.header{width:100%;height:80px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:1.2rem;border-bottom:solid 1px #111111}.header span{margin:0 20px}.scroll{display:flex;flex-direction:row;align-items:center;position:absolute;top:-40px;left:0;background-color:#fff;font-size:.9rem;padding:5px;border:solid 1px #111111}.scroll img{height:20px;margin-bottom:1px;margin-right:5px;transform:rotate(90deg)}@media only screen and (max-width: 500px){.comics{flex-direction:column}.comics a{width:90%}.comic-container{margin:0 0 0 0;flex-direction:row}.comic{margin-left:0;width:100%}.comic-caption{margin-left:0}.comics a:last-child{margin-right:0;margin-bottom:20px}.header{flex-direction:column;padding:20px}.scroll{left:auto;right:0}.scroll img{transform:rotate(0deg)}}