:root {
  --low-contrast: 0.25;
  --medium-contrast: 0.5;
  --high-contrast: 0.75;
  --marrs-green: rgb(0, 128, 128);
}
body
{
	background-color: #000000;
	margin: 0;
	padding: 0;
}
.center
{
  display: flex;
  justify-content: center; /*horizontal*/
  align-items: center;
  height: 100vh;
}


table
{
  border-collapse: collapse;	/* Убирает двойные границы между ячейками */
  border-spacing: 0;			/* Убирает пространство между ячейками */
  margin: 0;					/* Убирает внешние отступы таблицы */
  padding: 0;					/* Убирает внутренние отступы таблицы */
}
td
{
  padding: 0;					/* Убирает внутренние отступы внутри ячейки */
  margin: 0;					/* Обычно margin не применяется к td, но можно явно указать */
  border: none;					/* Убирает границы, если нужны только границы через border */
}

table
{
	width: 100%;
	height: 100%;
}
td
{
	background-color: var(--marrs-green);
}
@media all and (orientation:landscape)
{
	.container
	{
		width: 100vh;
		height: 100vh;
	}
}
@media all and (orientation:portrait)
{
	.container
	{
		width: 100vw;
		height: 100vw;
	}
}