html,body  {
	background-color: black;
	text-align: center;
} 


.container{
	padding: 16px 16px 24px 16px;
	display: inline-blocak;
	background-color: white;
	width: 200px;
	border: 1px solid white;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0 1px 3px rgb(167, 167, 167);
	min-height: 166px;
}


.shape{
	border: 1px white solid; 
	background: rgb(240, 240, 240);
	padding: 0;
	display: inline-block;
	box-shadow: 1px 1px 1px rgb(136, 136, 136); 
	margin: 2px;
}

.shape:hover{
	cursor: pointer;
}

.selected{
	background-color: green;
}
.wrong{
	background-color: red;
}

.square{
}

.circle{
	border-radius: 50px;
}