style.css

@import url('https://fonts.googleapis.com/css2?family=Bungee+Shade&display=swap');

h1{
    text-align: center;
    font-family: 'Bungee Shade', cursive;
}

#cartas{
    width: 80%;
    padding-left: 10%;
    text-align: center;
}

#popup {
    text-align: center;
    left: 0;     
    position: absolute;     
    top: 0;     
    width: 100%;     
    z-index: 1001; 
    }   
    .content-popup {    
    margin:0px auto;     
    margin-top:120px;     
    position:relative;     
    padding:10px;     
    width:500px;     
    min-height:250px;     
    border-radius:4px;     
    background-color:#FFFFFF;     
    box-shadow: 0 2px 5px #666666; 
    }   
    .content-popup h2 {     
    color:#48484B;     
    border-bottom: 1px solid #48484B;     
    margin-top: 0;     
    padding-bottom: 4px; 
    }   
    .popup-overlay {     
    left: 0;     
    position: absolute;     
    top: 0;     
    width: 100%;     
    z-index: 999;     
    display:none;     
    background-color: #777777;     
    cursor: pointer;     
    opacity: 0.7; 
    }   
    .close {     
    position: absolute;     
    right: 15px; 
    } 


button{
    font-size: 15px;
    width: 230px;
    height: 40px;
    border-color: darkgray;
    border-style: solid;
    border-width: 5px;
    border-radius: 25px;
}

.finJuego{
    font-size: 300%;
    padding-top: 10%;
    padding-bottom: 20%;
}

.menu{
    width: 150px;
}