body{
    background-color: #bcdae6;

    margin: 0 auto;
    min-width: 880px;
    max-width: 900px;
}

/* main container styles */
.container{
    display: flex;
    flex-direction: row;

    padding: 25px;
}

.dealerBox{
    width: 30%;
    padding: 170px 0;
    margin: 15px auto;

    background-color: #fff;

    text-align: center;
}

.gameplay{
    width: 60%;
    height: 380px;
    padding: 10px 0;

    margin: auto;

    background-color: #fff;

    display: flex;
    flex-direction: column;
}

/* dealer box */
#start{
    text-decoration-line: underline;
    color: blue;

    cursor: pointer;
}

/* gameplay */
.dCards, .pCards{
    display: flex;

    height: 35%;
    background-color: mistyrose;
    margin: auto 25px;
}

.cardDivider{
    text-align: center;
}

.card{
    display: block;

    padding: 40px 25px;
    margin: auto;

    text-align: center;

    background-color:#c3e9c3
}