body {
			font-family: "WT Morris Roman";
		}
		/*
		.argus {
			font-family: "Argus";
		}
		.campfires {
			font-family: "Campfires";
		}
		.cassette {
			font-family: "Cassette";
		}
		.cluster {
			font-family: "Cluster";
		}
		.escape {
			font-family: "Escape";
		}
		.excavate {
			font-family: "Excavate";
		}
		.franchise {
			font-family: "Franchise";
		}
		.glyphic {
			font-family: "Glyphic";
		}
		.home-invasion {
			font-family: "Home Invasion";
		}
		.monomono {
			font-family: "Monomono";
		}
				.norse {
			font-family: "Norse";
		}
		.popup {
			font-family: "Popup";
		}
		.ray-gun {
			font-family: "Ray Gun";
		}
		.river-ranch {
			font-family: "River Ranch";
		}
		.spellcaster {
			font-family: "Spellcaster";
		}
		.weathersbee-sans {
			font-family: "Weathersbee Sans";
		}
		.wt-iron {
			font-family: "WT Iron";
		}
		.wt-morris {
			font-family: "WT Morris Roman";
		}
		*/

		
		main {
			padding: 0 0;
		}
		
		
		.overlay {
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
		}

		body.sized .overlay {
			position: absolute;
			top: -1vw;
			bottom: -1vw;
			left: -1vw;
			right: -1vw;
		}
		
		ul {
			margin: 0;
			padding: 0;
			list-style: none;
			display: flex;
			flex-flow: row wrap;
			flex-shrink: 0;
			width: 100%;
		}
		
		li {
			width: 2rem !important;
			height: 2rem !important;
			text-align: center;
			vertical-align: center;
			padding: 0;
			font-size: 1rem;
			overflow: hidden;
		}

body.sized li {
	width: 2vw !important;
	height: 2vw !important;
}
		
		li img {
			height: 90%;
			padding-top: 5%;
			filter: invert();
		}
		
		.character-string {
			display: none;
		}
		
		.type-collage {
			position: relative;
			width: 68rem;
		}

body.sized .type-collage {
	width: 68vw;
	height: 68vw;
}
		
body.sized	.collage-info {
			width: 26vw;
			font-size: 1.25rem;
		}
		.collage-wrapper {
			display: flex;
			justify-content: space-between;
			
			padding-right: 8%;
		}	



body.sized .collage-wrapper {
	padding: 1rem;
}