@charset "UTF-8";
/* CSS Document */

.circles {
	width: 8vw;
	height: 8vw;
	background-color: aquamarine;
	border:none;
	border-radius: 50%;
	float: left;
	font-family: "wigwag-bold";
	font-size: 5vw;
	text-align: center;
	line-height: 8vw;
	margin: 0.2vw;
	cursor: pointer;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

#container {
	position: relative;
	width: 30vw;
	float:left;
	margin: 2vw;
	top: 5vw;
}

.grid {
	position: relative;
	width: 12vw;
	height: 12vw;
	border-style:solid;
	border-color:white;
	border-width:thin;
	background-color:aquamarine;
	box-shadow: inset 0 0 4vw #ffffff;
	float:left;
	top: 5vw;
	z-index: -1;
}

#container2 {
	position:absolute;
	width: 40vw;
	float: left;
	left: 40vw;
	z-index: -1;
}

#instructions {
	position: relative;
	font-family: "wigwag-bold";
	font-size: 1.7vw;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	top: 2vw;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

#resetMe {
	position: relative;
	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;
  background: #DCF5F9;
	clear:right;
	top: 10vw;
}

#checkIt {
	position: relative;
	z-index: 100;
	width: 14vw;
  height: 4vw;
	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;
	top: 10vw;
}