h1 {
    text-align: center;
    margin: 0px;
}

.logTh {
    padding-left: 20px;
}

.logTd {
    text-align: right;
}

#main {
    display: flex;
}

#panelPlayer1 {
    width: 50%;
    background-color: azure;
    overflow: hidden;
    padding: 10px;
    border-radius: 10px;
    border: solid transparent
}

#panelPlayer2 {
    width: 50%;
    background-color: blanchedalmond;
    padding: 10px;
    border-radius: 10px;
    border: solid transparent
}

#status {
    text-align: center;
}

#panelControl {
    margin-top: 10px;
    text-align: center;
}

#panelInput {
    margin-top: 10px;
    text-align: center;
}

#panelSe {
    margin-top: 10px;
    text-align: center;
    font-size: larger;
}

#numberSpan {
    text-align: center;
    display: inline-block;
    width: 60px;
    height: 40px;
    font-size: larger;
    margin-bottom: 5px;
}

.number {
    width: 60px;
    height: 40px;
    font-size: larger;
    margin-bottom: 5px;
}

.numberAlpha {
    opacity: 0;
    width: 60px;
    height: 40px;
    font-size: larger;
    margin-bottom: 5px;
}

.zero {
    width: 125px;
    height: 40px;
    font-size: larger;
}

.cost {
    font-size: larger;
    margin-bottom: 10px;
    width: 40px;
    height: 40px;
}

.enter {
    font-size: larger;
    width: 150px;
    height: 40px;
}

.calcText {
    text-align: center;
}

.alphaText {
    opacity: 0;
}

.lpPlus {
    color: RoyalBlue;
}

.lpMinus {
    color: tomato;
}

.lpCost {
    color: darkseagreen;
}

.cmdTd {
    text-align: right;
    padding-right: 10px;
}