main{
	display:grid;
	width:fit-content;
	margin:0 auto;
	grid-template-columns: 1fr auto;
	grid-template-rows: auto auto;
	grid-template-areas:
		"c c"
		"i s";
}
main>.comic{
	justify-self:center;
	grid-area: c;
}
main>.infobox{
	grid-area: i;
}

@font-face {
  font-family: 'Grundly';
  src: url('../resources/Grundly.ttf') format('truetype');
}

@font-face {
  font-family: 'Snuggohorns-Regular';
  src: url('../resources/Snuggohorns-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'Klapow';
	font-weight: 400;
	src: url('../resources/Heatherhorns_klapow-Regular.ttf') format('truetype');
}