.pTurn {
    background-color: lightgrey;
}

div#playerArea {
    float:left;
    width: 50%;
    box-sizing:border-box;
    border: solid black 1px;
    padding: 15px;
    height: 420px;
}

div#ruleArea {
    float: left;
    height: 420px;
    width: 50%;
    box-sizing:border-box;
    border: solid black 1px;
    padding 15px;    
}

div#player1 {
    float: left;
    width: 50%;
    height 50px;
    border: solid black 1px;
    box-sizing: border-box;
    padding : 10px;
}
div#player2 {
    float: left;
    width: 50%;
    height 50px;
    border: solid black 1px;
    box-sizing: border-box;
    padding : 10px;
}

h3 {
    padding: 10px;
    color:white;
    border: white solid 1px;
}
h4 {
    padding : 10px;
    color: white;
    border: white solid 1px;
}

body {
    background-color: black;
}
