* {
  box-sizing: border-box;
}

div	{
margin: auto;
}
body {
	font-family: Helvetica;
color: White;
	background: black;
	text-align: center;
	align-items: center;
}
#imagediv1:hover{
outline: 3px solid black;
outline-offset: -3px;
box-shadow:0px 0px 0px 1px white;
}
#imagediv2:hover{
outline: 3px solid black;
outline-offset: -3px;
box-shadow:0px 0px 0px 1px white;
}
#imagediv3:hover{
outline: 3px solid black;
outline-offset: -3px;
box-shadow:0px 0px 0px 1px white;
}
#imagediv4:hover{
outline: 3px solid black;
outline-offset: -3px;
box-shadow:0px 0px 0px 1px white;
}
#imagediv5:hover{
outline: 3px solid black;
outline-offset: -3px;
box-shadow:0px 0px 0px 1px white;
}
#imagediv6:hover{
outline: 3px solid black;
outline-offset: -3px;
box-shadow:0px 0px 0px 1px white;
}
#imagediv7:hover{
outline: 3px solid black;
outline-offset: -3px;
box-shadow:0px 0px 0px 1px white;
}
#imagediv8:hover{
outline: 3px solid black;
outline-offset: -3px;
box-shadow:0px 0px 0px 1px white;
}
#imagediv9:hover{
outline: 3px solid black;
outline-offset: -3px;
box-shadow:0px 0px 0px 1px white;box-shadow:0px 0px 0px 1px white;
}
#imagediv10:hover{
outline: 3px solid black;
outline-offset: -3px;
box-shadow:0px 0px 0px 1px white;
}
#imagediv11:hover{
outline: 3px solid black;
outline-offset: -3px;
box-shadow:0px 0px 0px 1px white;
}
#imagediv12:hover{
outline: 3px solid black;
outline-offset: -3px;
box-shadow:0px 0px 0px 1px white;
}
.backgroundspace {
margin-left: auto;
margin-right: auto;
text-align: center;
}
.theGRID {
  display: grid;
	/* transform: scaleX(); */
	margin-top: 5vh;
	align-items: center;
  justify-content: center;
	 grid-template-columns: repeat(4, minmax(10px, 160px));
	grid-template-rows: repeat(4, minmax(6px, 1fr));
	column-gap: 6px;
	grid-row-gap: 6px;
}
.grid-item {
}
.gridVideo {
	grid-area:2/2/4/4;
}