body{
  margin: 0;
  padding: 0;
  font-family: 'sans';
  background: #19172e;

}
.container{
	display:flex;
	flex-direction:column;
	align-items:center;
	text-align:center;
	
}

.head{
	
	background-color:#fff;
	border-radius:45px;
		margin:10% auto;
	width:30%;
}


.row{
	display:flex;
	flex-direction:row;
	align-items:center;
	text-align:center;
	justify-content:center;

	
}

h1 {
  font-size: 3rem;
  color: #000;
  font-family: "Arvo", cursive;
  text-align: center;
}



#hex{
	height:30px;
	width:200px;
	border-radius:20px;
	border:2px solid #000;
}


#color{
	height:50px;
	width:50px;
	border:none;
	
}


footer {
  text-align: center;
  color: #000;
  font-size: 1rem;
  left: 0;
  right: 0;
  bottom: 0;
  margin-bottom: 0;
  padding: 5px;
}

footer a:visited {
  color: inherit;
}