html, body {
    width: 320px;
}

.bid {
    color: red;
    text-align: center;
}

.scoreboard {
    display: none;
}

.controls, .prompt {
    display: none;
    margin: auto;
    background: #eee;
    color: #333;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 4px;
    text-align: center;
}

.info {
    margin: 4px;
}

.button {
    width: 50px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #ddd;
    display: inline-block;
    color: #aaa;
    margin: 5px;
}

.prompt .button {
    width: 120px;
}

.button.enabled {
    color: #333;
    pointer: hand;
}

.score {
    text-align: center;
}

.score.win {
     color: green;
}

.cardcount {
    color: blue;
    
}
table {
    width: 90%;
    margin: auto;
    margin-bottom: 160px;
}

.dealer {
    font-weight: bold;
}

th {
    background: #eee;
}

.setup {
text-align: center;
 }
.setup .title {
 color: orange;
}
.setup .selection {
 min-height: 100px;
 border: 1px solid #ddd;
 margin: 5px;
}
.setupbutton {
 
 line-height: 36px;
 text-align: center;
color: purple;
border: 2px solid purple;
display: inline-block;
 width: 86px;
margin: 5px;
margin-top: 0px;
}
.setup .player {
 background: purple;
color: white;
line-height: 40px;
margin: 3px;
width: 90px;
display: inline-block;
}

.setupDone {
margin: 5px;
 background: orange;
color: white;
line-height: 40px;

}

header { 
font-family: 'Rock Salt', cursive;
font-size: 64px;
text-align: center;
color: purple;
text-shadow: 4px 4px 4px orange;
}