html {
  height: 100%;
  width: 100%;
}

body {
	--board-size: min(90vh, 64vw);
  	width:100vw;
  	height:100vh;
  	background: repeating-linear-gradient(-15deg, #EEEEEE, #EEEEEE 10px, #EBEBEB 10px, #EBEBEB 20px);
  	/*background: repeating-linear-gradient(-15deg, #200, #200 5px, #222 5px, #002 15px, #002 15px, #002 25px, #222 25px, #200 35px, #200 35px, #200 40px);
  	*/
}

#menu {
	position: absolute;
	left:0px;
	top:0px;
	height: 100vh;
	width: 9vw;
	background: repeating-linear-gradient(-15deg, #EEEEEE, #EEEEEE 10px, #A7A7A7 10px, #A7A7A7 20px);
	background: repeating-linear-gradient(-15deg, #EEE, #EEE 10px, #CCC 10px, #CCC 20px);
  	
}
svg path {
	pointer-events: none;
}
#board {
	position: absolute;
	margin:auto;
	
	height: var(--board-size);
	width: var(--board-size);
	left: max(calc(var(--board-size) / 4 + 0.5rem), 11rem);
	top: calc(50vh - var(--board-size) / 2);
	display: inline-block;
}


#oneDashboard {
	position: absolute;
	padding: 0.25rem;
	left: 0;
	top: calc(50vh - var(--board-size) / 2);
	display: inline-block;
	border-left: .5rem solid black;
	border-top: .5rem solid black;
	border-bottom: .5rem solid black;
	width: calc(var(--board-size) / 4 - 0.5rem);
  min-width: 10rem;
}
#oneDashboard > a > img {
	width: 100%;
}
#oneDashboard > div.sparklineDiv {
	width: calc(var(--board-size) / 4);
}

#animationTime{
	width: 100%;
}