/* AuthorSquares                  */
/* Fred Barling */
/* Written by Fred Barling */
/* Build 1 */
/* Build 6/8/2019 */



/* Boxes of Squares                  */

.BoxOfSquares {
	position: fixed;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	left: 30px;
	bottom: 40%;
	height: 50%;
	width: 50%;
}

@media screen and (max-width:1000px) {
/* Phone Horizontal */
.BoxOfSquares {
	top: 0;
	height: 65%;
	width: 50%;
	}
}

@media screen and (max-width:1000px) and (min-height: 800px) {
/* Unknown */

	.BoxOfSquares{
		left: 45%;
		top: 10%;
		height: 50%;
		width: 50%;
	}
}

@media screen and (max-width:500px) {
/* Phone vertical; */
	.BoxOfSquares{
		left: 0;
		top: 0;
		bottom: 30%;
		height: 70%;
		width: 100%;
	}
}











/* Squares                  */

.SquareGeneric {
	float: left;
	height: 45%;
	width: 45%;
	background-color: white;
	border-style: solid;
	border-width: 2px;
	border-color: black;
	margin-left: 12px;
	margin-top: 12px;
	text-shadow: 2px 2px black;
}

.SquareDrives {
	float: left;
	height: 45%;
	width: 45%;
	background-image: url("steeringwheel.png");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	margin-left: 12px;
	margin-top: 12px;
	text-shadow: 2px 2px black;
}