body, html {
	padding: 0;
	margin: 0;
	height: 100%;
	background: #000;
	font-family: Courier, monospace;
	font-size: 13px;
}
img {
	max-width: 100%;
}
iframe {
	border: none;
	height: 100%;
	width: 100%;
}

mark {
  background-color: lightgray;
  color: black;
}

a img:hover, a:focus img {
	filter: drop-shadow(2px 2px 0 #fd211b) drop-shadow(-2px 2px 0 #fd211b) drop-shadow(2px -2px 0 #fd211b) drop-shadow(-2px -2px 0 #fd211b);
}
	
.sideimage { /*optional*/
  right: 30px;
  bottom:-20px;
  float: right;
  position: fixed;
  max-width: 450px;
  }

.wrapper {
  height: 100%;
  min-width: 815px;
}

.manga-page	{
	height: 818px;
	display: inline-block;
	margin-top: 52px;
	margin-left: 40px;
	margin-right: 40px;
}

.main {
	display: inline-block;
	position: absolute;
	margin-top: 52px;
	height: 818px;
	width: 560px;
	background: #FFF;
}

.page {
	background: #FFF;
	padding: 24px;
}

.grayscale{
  filter: grayscale(100%);
}

.page h1:first-child {
	margin-top: 0;
}

h1, h2, h3 {
	font-family: courier, monospace;
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	line-height: initial;
	letter-spacing: 0.5px;
	font-size: 24px;
}

h1 {
	letter-spacing: 0px;
	font-size: 32px;
	border-bottom: 5px solid #000;
}

h2 {
	border-bottom: 1px dotted #000;
}

.sidebar {  
	position: absolute;
	left: 585px;
	top: 0;
	min-width: 200px;
}

.menu a {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	padding: 6px 6px;
	display: inline-block;
	font-size: 16px;
}

.menu a:hover {
	text-decoration: underline;
}