@charset "UTF-8";

body {
background-color: aliceblue;
}

#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: 3vw;
	width: 30%;
	line-height: 4vw;
	height: 4vw;
	float:right;
	margin: 1vw 0;
	box-shadow: inset 0 0 2vw #185cc9;
	border:none;
    cursor:pointer;	
	z-index: 5;
	clear:right;
}
.circleContainer{
	float:right;
	width:50%;
	padding-right: 25%;
}
#instructions p {
	font-family: "wigwag-bold";
	font-size: 2vw;
	width:80vw;
	line-height:2vw;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0.8vw;
	
}

.targetContainer {
	margin-top:3vw;
	width:50%;
	
}
.targets {
	position:relative;
	background-color: #FFFFFF;
	width: 15%;
	height: 3.8vw;
	font-family: "wigwag-bold";
	font-size: 2vw;
	text-align: center;
	color:darkseagreen;
	line-height: 4vw;
	margin-top: 1.5vw;
	margin-bottom: 0.5vw;
	margin-right: 1vw;
	margin-left: 25%;
	border-style:solid;
	border-color: #000000;
	border-width: medium;
	z-index: 0;

}