* {
	box-sizing: border-box;
}
html body{
	height:100%;
}
::selection {
	background: red;
	color: #fff;
	text-shadow: none;
}
::-moz-selection {
	background: red;
	color: #fff;
	text-shadow: none;
}
body{
	/*font-family: 'Comic Neue', sans-serif;
	*/
		letter-spacing: 0px;

	font-family:monospace;
	background-color:#F8FFF9;
	margin:0;
	color:#080e3a;
}

p { text-indent:20px; } 

.wrapper{
	max-width:650px;
	margin:0px auto;
}
.padding{
	margin:30px auto;
	padding:20px;
}
img {
	max-width:100%;
	display: inline-block;
}
.hover{
	transition: all 0.2s ease-in-out;
}
.hover:hover{
	-ms-transform: scale(1.025);
	/* IE 9 */
	-webkit-transform: scale(1.025);
	/* Safari 3-8 */
	transform: scale(1.025) rotate(2deg);
	filter: drop-shadow(3px 3px 0px black);
	opacity: 1.0;
	filter: alpha(opacity=100);
}
a{
	color:red;
	font-weight:bold;
	text-decoration:none;
	transition: 0.2s;
}
a:hover {
  color:orange;
  }
}
.sumi{
	font-family: Dela Gothic One;
	letter-spacing: -8px;
	line-height:0.45;
	margin:5px 5px 20px 5px;
}
.topright {
	position: absolute;
	bottom: 0px;
	right: 0px;
	top: auto;
}
table{
	min-width:100%;
	white-space: nowrap;
	margin-top:20px;
	margin-bottom:20px;
}
ul {
	list-style: none;
	text-indent: 1em;
	margin:0;
}
td{
	vertical-align: top;
	padding-right:6px;
}
p{
	margin-top:0;
}
h1,h2,h4{
	margin-top:1em;
	margin-bottom:0.5em;
	font-family: 'Gluten', sans-serif;
}
h4{
	margin-top:3em;
}

h2{
  margin-top:2em;
  }
h5{
	margin-top:0;
	font-size:130%;
	font-family: 'Gluten', sans-serif;
}
h3{
	font-size:25px;
	font-family: 'Gluten', sans-serif;
	margin-bottom:0px;
	margin-top:2em;
}
.comic img{
	margin: 20px 0 20px 0;
	border-radius:5px;
}
.code {
	background-color:#080e3a;
	color:#F9F6DA;
	padding:5px;
	font-size:12px;
	border-radius:8px;
	font-family:Courier New;
}
.title{
	font-weight:bold;
	font-family:Gluten;
}
.button{
	display: inline-block;
	font-size:90%;
	padding:0px 3px 0px 3px;
	border-radius:3px;
	background-color:transparent;
	border:1px solid black;
}
.date{
	background-color:#080E3A;
	border:1px solid #080E3A;
	color:#F9F6DA;
}
.hiatus{
	background-color:#f97e03;
	border:1px solid #f97e03;
	color:#F9F6DA;
}
.complete{
	background-color:#31D9BD;
	border:1px solid #31D9BD;
	color:#F9F6DA;
}
.ongoing{
	background-color:#92C623;
	border:1px solid #92C623;
	color:#F9F6DA;
}
.icon{
	width:15px;
	vertical-align:middle;
	display:inline;
}
table{
	width:100%;
	border:none;
	white-space: normal;
	margin:0;
}

.musiclog{
  font-size:max(0.6em, 13px);
  }
.musiclog td{
  vertical-align:middle;
  }
  
.nowrap{
	white-space: nowrap;
}
audio{
vertical-align:middle;
height:20px;
width:50px;
color:white;border-radius:15px;
}