main.css

html, body {
    margin: 0px;
    width: 100%;
    height: 100%;
}

header {
    background-color: grey;
    height: 28px;
    background: linear-gradient(to bottom, #ffffff, #e0e0e0);
    display: flex;
    font-family: sans-serif;
    font-weight: bold;
    font-size: 20px;
    border-bottom: 2px solid #000;
}
.inheader {
    margin: auto;
}

.leftdiv {
    width: 248px;
    height: calc(100% - 30px);
    background-color: green;
    float: left;
    background: linear-gradient(to top, #ffffff, #e0e0e0);
    border-right: 2px solid #000;
}
.rightdiv {
    width: calc(100% - 250px);
    height: calc(100% - 30px);
    float: right;
    background: linear-gradient(to top, #ffffff, #e0e0e0);
}

.outdiv {
    width: 100%;
    height: 100%;
    display: flex;
    padding: 0px;
}

.indiv {
    width: auto;
    height: auto;
    margin: auto;
}

.playerInfo {
    margin: 15px 0px 0px 0px;
    width: 100%;
    height: 30px;
}

.playerName {
    width: 50%;
    float: left;
    text-align: center;
}
.playerScore {
    width: 50%;
    float: right;
    text-align: center;
}

#roundDiv {
    width: 100%;
    font-size: 28px;
    text-align: center;
}