body{
font-family: Arial, Helvetica, sans-serif;
min-height:100vh;
display:flex;
flex-direction:column;
}

main{
flex:1;
}

.titulo{
animation: aparecer 1.5s ease;
}

@keyframes aparecer{

from{
opacity:0;
transform:translateY(-20px);
}

to{
opacity:1;
transform:translateY(0);
}

}

.card{
transition: transform 0.3s;
}

.card:hover{
transform: scale(1.05);
}