@charset "utf-8";
*{
    margin:0;
}
html {
  border: solid 1px;
  border-color: forestgreen;

}
body {
  border: solid 1px black;
  display: flex;
  flex-direction: row;
  max-width: auto;
  margin-left: auto;
  margin-right: auto;
   }
.naipes{
    display:flex;
    flex-direction: row;
    justify-content: center;

}
#tapete {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: 5%;
  border: dashed 5px red;
  border-width: thick;
  background-image:url(../imagenes/Tapete.jpg);

}
#zonaBanca{
    border: double 3px darkgreen;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#zonaJugador{
   
    display: flex;
    flex-direction: row;
    justify-content: center;

}
.jugadora{
    border: solid 3px white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 10px;
    align-items: center;
  
}

#banca {
  margin: auto;
  display: flex;
  flex-direction: row;
  border: solid 1px yellow;
  border-radius: 20px;
  align-content: flex-end;
  text-align: center;
  background-color: darkgreen;
  cursor: cell;
    
}

h1{
  margin: auto;
  color: white;
  border: solid 1,3px yellow;
  font-family: serif;
  text-decoration: underline;
}
h2{
  margin: auto;
  color: whitesmoke;
  border: solid 2px yellow;
  width: 100px;    
 
}
h4{
  align-content: center;
  justify-content: center;
  
}

#naipe {
  width: 90px;
  height: 135px;
  margin-bottom: 5%;
  margin-top: 5%;
 
}
#naipeBanca{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

}

.boton{
    text-decoration: none;
    text-align: center;
    padding: 8px;
    font-weight: 600;
    font-size: 20px;
    font-family: serif;
    color: white;
    background-color: darkgreen;
    border-radius: 19px;
    border: 4px double darkred;
    cursor: cell;
}