.checkerboard {
  background-color: #2c2c2c; /* Fallback color */
  background-image: 
    linear-gradient(45deg, #535353 25%, transparent 25%), 
    linear-gradient(-45deg, #535353 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, #3f3f3f 75%),
    linear-gradient(-45deg, transparent 75%, #3f3f3f 75%);
  background-size: 60px 60px; /* Adjust this size to change the size of the squares */
  background-position: 0 0, 0 20px, 20px -20px, -20px 0px;
  height: fit-content;
  margin: 0;
}

.tec-selected{
	border: 5px double #eee;
	border-radius: 1px;
}

/* @font-face {
	font-family:'ChronoType';
		src:url('ChronoType.eot');
		src:url('ChronoType.eot?#iefix') format('embedded-opentype'),
				url('ChronoType.woff') format('woff'),
				url('ChronoType.ttf') format('truetype'),
				url('ChronoType.svg#ChronoType') format('svg');
	font-weight:normal;
	font-style:normal;
} */

@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
		font-family:'ChronoType';
		src: url('ChronoType.svg') format('svg');
		font-weight:normal;
		font-style:normal;
	}
}