@charset "UTF-8";

#puzzleText {
	width: 90%;
font-family: "wigwag-bold";
	font-size: 2vw;
	margin-left: auto;
	margin-right: auto;
}

p{
	margin-top: 1vw;
	margin-bottom: 0.01vw;
}
#Andy {
	background-color: #4F81F8;
	font-family: "gooddog-new";
	font-size: 2.7vw;
	width: 11vw;
	height: 11vw;
	float:left;
	margin-left: 13.5vw;
	margin-right: 5vw;
	margin-top: 5vw;
	margin-bottom: 5vw;
	border-radius: 100%;
	border:none;
    cursor:pointer;
}
#Andy:hover {
	background-color: #A1C3F7;
}

#Bob {
	background-color: #52FA22;
	font-family: "gooddog-new";
	font-size: 2.7vw;
	width: 11vw;
	height: 11vw;
	float:left;
	margin: 5vw;
	border-radius: 100%;
	border:none;
    cursor:pointer;
}
#Bob:hover {
	background-color: #AEF6BB;
}

#Cassie{
	background-color: #FBF608;
	font-family: "gooddog-new";
	font-size: 2.7vw;
	width: 11vw;
	height: 11vw;
	float:left;
	margin: 5vw;
	border-radius: 100%;
	border:none;
    cursor:pointer;	
}
#Cassie:hover {
	background-color: #FDFBA5
}


#David {
	background-color: #CB62FE;
	font-family: "gooddog-new";
	font-size: 2.7vw;
	width: 11vw;
	height: 11vw;
	float:left;
	margin: 5vw;
	border-radius: 100%;
	border:none;
    cursor:pointer;
}
#David:hover {
	background-color: #E4B9F9
}