* {
    margin: 0;
    padding: 0;
}
.cabecalho { 
  background-color: #fcfafa; 
  padding: 15px 25px; 
  display: flex; 
  justify-content: space-between; 
  align-items: center; 
} 

.cartao {
    width: 260px;
    height: 200px;
}

.cartao-imagem {
    width: 80%;
}
body { 
  display: flex; 
  flex-direction: column; 
  min-height: 100vh; 
  background-color: #7ef779; 
} 
main { 
  flex: 1; 
} 
.cabecalho-link {
    color: #51c736;
    text-decoration: none;
}
h1 { 
  color: #0b0e0b; 
  font-size: 24px; 
} 
footer { 
  background-color: #ffffff; 
  padding: 10px 20px; 
  color: #e8f0e6; 
} 

.cartao-interno {
    position: relative;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

.cartao:hover .cartao-interno {
    transform: rotateY(180deg);
}

.cartao-frente, .cartao-verso {
    position: absolute;
    border-radius: 12px;
    box-shadow: 0 6px 12px rgba(80, 218, 124, 0.99);
    backface-visibility: hidden;
}

.cartao-verso {
    transform: rotateY(180deg);
}

section {
    display: flex;
    gap: 16px;
}