@font-face { 
	font-family: dotmatix; 
	src: url('/style/dotmatrix.ttf'); 

	font-family: "ComicSansWeb";
	src: url("/style/comicsansms.woff2") format("woff2"),
	url("/style/comicsansms.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}

body,td,a,p,.h{
	font-family:arial,sans-serif
}

.tile_container {
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px;
	border:0px;
	position:relative;
	border-radius: 16px;
	transition: transform 0.3s ease;
	display: inline-block;
}

.tile_container:hover {
	transform: scale(1.06);
	background-color:transparent;
}

.bg {
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:-50000;
	opacity:1.0;
	border:0;
}

img.bg2  {
	min-height:100%;
	min-width:1024px;
	width:100%;
	height:auto;
	position:fixed;
	top:0;
	left:0;
	z-index:-8000;
}

@media screen and (max-width:1024px)  {

	img.bg2 
	{
		left:50%;
		margin-left:-512px;
	}
}

.tilegrid{
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start; /* prevents baseline weirdness */
}

.tilegrid15{
	display: grid;
	grid-template-columns: repeat(auto-fill, 15px);
	grid-auto-rows: 15px;
	grid-auto-flow: row;
	gap: 1px 1px;   /* adjust for tile spacing */
}

.tilegrid15 > .img {
	margin: 0;
	padding: 0;
	float: none;
}

.tilegrid15 > .img{
	grid-column-end: span var(--cspan, 1);
	grid-row-end: span var(--rspan, 1);
}

/* WIDTHS (15px units) */
.w30  { --cspan: 2; }
.w45  { --cspan: 3; }
.w60  { --cspan: 4; }
.w75  { --cspan: 5; }
.w90  { --cspan: 6; }
.w105 { --cspan: 7; }
.w120 { --cspan: 8; }
.w150 { --cspan: 10; }
.w180 { --cspan: 12; }
.w210 { --cspan: 14; }
.w240 { --cspan: 16; }

/* HEIGHTS (15px units) */
.h30  { --rspan: 2;  }
.h45  { --rspan: 3;  }
.h60  { --rspan: 4;  }
.h75  { --rspan: 5;  }
.h90  { --rspan: 6;  }
.h105 { --rspan: 7;  }
.h120 { --rspan: 8;  }
.h150 { --rspan: 10;  }
.h180 { --rspan: 12;  }
.h210 { --rspan: 14;  }
.h240 { --rspan: 16;  }