body{
  margin: 0;
  padding: 0;
  font-family: 'sans';
  background: #19172e;
  transition: all 0.2s linear;
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column;
  font-family:cursive;
  
}



.btn{
     padding:1rem 1.5rem;
	border-radius:45px;
	font-family:cursive;
	font-size:1.5rem;
	color:#000;
	border:none;
	outline:none;
	cursor:pointer;
	duration: 0.2s ease;
}



.btn:hover{
	color:#fff;
	background-color:gray;
}

h3{
	text-align:center;
	color:#fff;
	font-size:3rem;
	
}

.container{
	margin-top:3rem;
	display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:2rem;
	
}


.color-box h2{
	
	color:#000;
	padding:4rem;
	font-size:1.5rem;
	border-radius: 45px;
	
}


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

footer a:visited {
  color: inherit;
}