body{
	color:white;
	background-color: black;
	font-size:18px;
	font-family: ;
	margin: 30px;

}

.container{
	text-align: center;
	justify-content: center;
	margin:60px;
	position: relative;
}

.face{
	background-color: black;
	width: 100px;
	height: 100px;
	justify-content: center;
	display: flex;
	position: relative;
	top:50%;
	left:50%;
	margin-top:150px;
	margin-left: -103px;
	border-radius: 100%;
	
}

.eyes{
	width: 50px;
	height: 50px;
	background-color: black;
	border-radius: 100%;
	box-shadow: 5px 5px 30px 30px black;
	position: absolute;
	display:flex;
	justify-content: center;
	top:50%;
	left:50%;
	margin-top:-25px;
	margin-left: -25px;

}
.eyes:after{
	content: '';
	display: block;
	width: 50px;
	height: 50px;
	background-color: black;
	border-radius: 100%;
	box-shadow: 5px 5px 30px 30px black;
	position: absolute;
	top:0px;
	left:100px;
}

.eyes:hover:after{
	background-color: red;
	box-shadow: 5px 5px 30px 30px red;
}

.eyes:hover{
	background-color: red;
	box-shadow: 5px 5px 30px 30px red;
}


.iris{
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background-color: white;
	position: absolute;
	top:50%;
	left:50%;
	margin-top:-5px;
	margin-left: -5px;
	
}

.iris:after{
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background-color: white;
	position: absolute;
	top:0px;
	left:100px;
	
}

a{
	color:red;
	font-size:20px;
	font-family: 'Arial'
	text-decoration: none;
	text-shadow: 0 0 3px #FF0000;

}

a:hover{
	color:black;
	background-color: white;
	text-decoration: none;
}

a:active{
	color:blue;
	text-decoration: none;
}