*{
    box-sizing:border-box;
}
html{
    background-image: url(cards.jpg);
    background-repeat:no-repeat;
    background-position:center;
    background-attachment:fixed;
    background-size:cover;

}

body {
background-color: lightskyblue;
}

.box{
 width: 80%;
 float: left;
 max-width: 500px;
 margin: auto;
 
}
.controls{
 height: 5em;
 max-width: 700px;
 margin: auto;
 border-style: double;
  background-color: gold;
}
h1 {
 color: red;
 text-align: center;
}
.player{
 height: 7em;
 max-width: 500px;
 margin: auto;
 background-color: yellow;
}
.pScore{
 height: 6em;
 max-width: 700px;
 margin: auto;
}

footer{
 color: brown;
 text-align: center;
}
#resetGame{
   visibility: hidden;
}