style.css

*{
    margin: 0px;
    padding: 0px;
}
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;700&display=swap');
body{
    background-image: url("fondo.jpeg");
    background-size: 100%;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    font-family: 'Dancing';
} 
.cartaRamdon{
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;

}
 h1{
    text-shadow: .1rem;
    background-color: aliceblue;
}
div{
    width: 40%;
    margin-left: auto;
    margin-right: auto;
    text-align: center; 
    border-radius: 20px;
    border: none;
    font-family: 'Dancing';
    background-color: rgb(216, 231, 173);
}
img{
    text-align: center;
    height: auto;
    width: auto;
    
   

}
#btn{
    text-align: center;
    border-radius: 20px;
    border: none;
    cursor: pointer;
    padding: 10px 20px;
    margin:10px;
    background-color: rgb(231, 121, 231);
    text-transform: uppercase;
}