@charset "UTF-8";

body {
background-color: aliceblue;
}

#resetMe {
	float:right;
  width: 10vw;
  height: 3vw;
	font-family: "wigwag-bold";
	font-size: 2vw;
	text-align: center;
	vertical-align: middle;
	font-size: 2vw;
	text-align: center;
	vertical-align: middle;
	clear:right;
}

#checkIt {
	z-index: 100;
	width: 10vw;
  height: 3vw;
	float:left;
	margin-bottom: 0.5vw;
	background-color: aquamarine;
	font-family: "wigwag-bold";
	font-size:1.8vw;
	cursor: pointer;
	box-shadow:  0 0 0.5vw #000000;
	clear:left;

}

.circles {
	background-color: #B4E1FC;
	text-align: center;
	position:relative;
	font-family: "wigwag-bold";
	font-size: 6vw;
	width: 8vw;
	height: 8vw;
	float:left;
	margin: 1.8vw;
	border-radius: 100%;
	line-height: 8vw;
	box-shadow: inset 0 0 2vw #185cc9;
	border:none;
    cursor:pointer;	
	z-index: 5;
}
.circleContainer{
	clear:both;
	width:100vw;
	padding-left: 9.4vw;
	padding-right: 9.4vw;
	
}
#instructions{
	font-family: "wigwag-bold";
	font-size: 2vw;
	width:50vw;
	
	margin-left: 28vw;
	margin-right: 22vw;
}

.targets {
	background-color: #FFFFFF;
	position:relative;
	width: 8vw;
	height: 8vw;
	float:left;
	margin-top: 2vw;
	margin-bottom: 1.5vw;
	margin-left: 8vw;
	margin-right: 8vw;
	border-radius: 50%;
	border-style:solid;
	border-color: #000000;
	border-width: medium;
	z-index: 0;
}
.targets2 {
	background-color: #FFFFFF;
	position:relative;
	width: 8vw;
	height: 8vw;
	float:left;
	margin-top: 2vw;
	margin-bottom: 1.5vw;
	margin-left: 8vw;
	margin-right: 8vw;
	border-radius: 50%;
	border-style:solid;
	border-color: #000000;
	border-width: medium;
	visibility: hidden;
	z-index: 0;
}
.targetsl {
	background-color: #FFFFFF;
	position:relative;
	width: 8vw;
	height: 8vw;
	float:left;
	margin-top: 2vw;
	margin-bottom: 1.5vw;
	margin-left: 20.5vw;
	margin-right: 8vw;
	border-radius: 50%;
	border-style:solid;
	border-color: #000000;
	border-width: medium;
	z-index: 0;
}

.svg-container { 
	display: inline-block;
	position: absolute;
	width: 100%;
	top:21vw;
	left: 25vw;
	padding-bottom: 100%; 
	vertical-align: middle; 
	overflow: hidden; 
	z-index: -2;
}

.svg-content { 
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}