@font-face {
	font-family: 'yxd_font';
	src: url('/fonts/overpassmono.woff2') format('woff2'),
		url('/fonts/overpassmono.woff') format('woff');
	font-weight: 100 700;
	font-style: normal;
}

html , body {
	margin: 0;
	padding: 0;
	height: 100%;
	overflow: hidden;
	font-family: 'yxd_font';
}

#space {
	position: relative;
	z-Index: 0;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	background-color: black;
	/*background-image: radial-gradient(circle, #222222 1px, transparent 1px);
	background-size: 50px 50px;*/
	transform-origin: 0 0;
}

.tcanvas {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	cursor: grab;
}

table{
	color: white;
	border: 1px solid grey;
	border-collapse: separate;
	border-radius: 0.6rem;
	border-spacing: 0; 
	background: black;
}

th, td {
	color: white;
	border: 1px solid grey;
	border-collapse: collapse;
	padding: 0.5rem;
}

.selected {
  outline: 2px solid #007bff;
}

/* Top-left corner */
table tr:first-child :is(th:first-child, td:first-child) {
  border-top-left-radius: 0.5rem;
}

/* Top-right corner */
table tr:first-child :is(th:last-child, td:last-child) {
  border-top-right-radius: 0.5rem;
}

/* Bottom-left corner */
table tr:last-child :is(th:first-child, td:first-child) {
  border-bottom-left-radius: 0.5rem;
}

/* Bottom-right corner */
table tr:last-child :is(th:last-child, td:last-child) {
  border-bottom-right-radius: 0.5rem;
}