body{
  font-family: "Lora", serif;
  background-color: #B38777;
  color: white;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  margin:0;
  font-size:35px;
  background-image:url("fundo.png");
  background-size:cover;
  background-position:center;
  background-attachment:fixed;
  font-weight:100;
  text-shadow:4px 4px 3px black;
}

footer{
  font-family: "Sevillana", serif;
  color:white;
  font-weight:500;
  font-size:25px
}

footer a{
  text-decoration:none;
  color:white;
}

footer a:hover{
  color:pink;
  text-decoration:underline;
}

button{
    font-family: "Crimson Text", serif;
  background-color: black;
border:2px solid black;
  color:white;
  font-size:25px;
  border-radius:200px;
    margin:20px;
  padding:0.5em;
  box-shadow:3px 3px 4px #E91E63;
}

button:hover{
  background-color:pink;
  border:2px solid pink;
    color:black;
}

main{
  max-width:90%;
  text-align:center;
  padding:20px;
  flex:1;
}

img{
  max-width:90%;
}

.passo{
  display:none;
}

.passo.ativo{
  display:block;
}