*{
	margin: 0;
	padding: 0%;
	box-sizing: borrder box;
}

body{
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

main{
	flex:1;
	display: flex;
	justify-content: center;
	align-items: center;
}

.container {
	display: flex;
	flex-direction: column;
	text-align: center;
	gap: 20px;

}

.campo-nome{
  display:flex;
  gap:10px;
  justify-content: center;
}

input{
	padding: 10px;
}

button{
	padding: 10px 15px;
}



footer{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:15px;

  padding:30px 20px;
  border-top:1px solid #ddd;

  background:#f5f5f5;
  color:#555;

  text-align:center;
}

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

.redes{
  display:flex;
  gap:15px;
}

.redes a{
  text-decoration:none;
  color:#555;
}

.redes a:hover{
  color:#000;
}