body {font-family: monospace; font-size: 15px; cursor: Default; user-select: none; text-align: center;}
div {background-color: rgba(0,0,0,0.04); padding: 8px; margin: 8px; vertical-align: middle; text-align: center;}
.thegame{margin-right: 30px; background-color: rgba(50,250,50,0.7); padding: 8px; display: inline-block; width: 105px;}
.newgame{margin-left: 30px; background-color: rgba(250,50,250,0.5); padding: 8px; display: inline-block; width: 105px;}
.played {border: none; font-family: monospace; text-align: center; font-size: 15px; margin-left: 8px; margin-right: 8px; display: inline-block; padding: 8px; width: 145px; background-color: rgba(0,0,0,1); color: rgba(255,255,255,1);}
.sport {border: none; font-family: monospace; text-align: center; font-size: 15px; margin-right: 8px; display: inline-block; padding: 8px; width: 145px; background-color: rgba(255,255,255,1);}
.new{background-color: rgba(250,50,250,0.5); padding: 8px; display: inline-block; width: 100px;}
.delete{margin-left: 30px; background-color: rgba(250,50,50,0.5); padding: 8px; display: inline-block; width: 105px;}
.exi{margin-left: 8px; background-color: rgba(0,0,0,0.2); padding: 8px; display: inline-block; width: 105px;}
.saveandexit{margin-left: 8px; background-color: rgba(50,50,250,0.5); padding: 8px; display: inline-block; width: 105px;}
.save{margin-left: 8px; background-color: rgba(50,50,250,0.2); padding: 8px; display: inline-block; width: 105px;}
.tx {font-family: monospace; border: none; font-size: 15px; text-align: center;}
.opt {font-family: monospace; border: none; font-size: 15px; text-align: center; background-color: transparent;}
cmn {display: inline-block; vertical-align: middle; background-color: transparent;}
.toggle {display: inline-block; border: solid black 1px; width: 4em; min-height: 1em; margin: 8px; padding: 8px;}
.ptsp {display: inline-block; border: solid black 1px; width: 2em; min-height: 1em; margin: 6px; padding: 8px; background-color: rgba(0,255,0,0.3);}
.ptsm {display: inline-block; border: solid black 1px; width: 2em; min-height: 1em; margin: 6px; padding: 8px; background-color: rgba(255,0,0,0.3);}
.ptss {display: inline-block; border: solid black 1px; width: 2em; min-height: 1em; margin: 6px; padding: 8px; background-color: rgba(0,0,255,0.3);}
.ptse {display: inline-block; border: solid black 1px; width: 2em; min-height: 1em; margin: 6px; padding: 8px; background-color: rgba(255,255,255,1);}
.ptses {display: inline-block; border: solid black 1px; width: 2em; min-height: 1em; margin: 6px; padding: 8px; background-color: rgba(230,255,255,1);}
.ptsb {display: inline-block; border: solid black 1px; width: 4em; min-height: 1em; margin: 6px; padding: 8px; background-color: rgba(255,200,255,0.5);}
.ptsc {display: inline-block; border: solid black 1px; width: 4em; min-height: 1em; margin: 6px; padding: 8px; background-color: rgba(255,200,255,0.5); color: rgba(0,0,255,1);}
.ptst {display: inline-block; border: solid black 1px; width: 4em; min-height: 1em; margin: 6px; padding: 8px; background-color: rgba(0,0,0,0.5); color: white;}
emp {background-color: white; color: black; border: none; font-family: monospace; font-size: 15px; cursor: Default; user-select: none; text-align: center; display:inline-block; height: 15px; line-height: 15px; min-width: 16px; padding: 4px; margin: 4px; vertical-align: middle;}
input[type="text"]:disabled {
  background: transparent;
}