style.css

body {
	font-family: Arial, sans-serif;
	padding: 20px;
}
input{
	height:2em;
	width: calc(100% - 8pt );
	border-radius: .5em;
}
#listContainer{
	list-style: none;
	max-height:calc( 100% - 10pt - 8em );
	overflow-y: auto;
	margin-bottom:none;
    

}
.total{
		display:block;
		float:left;
	width:10em;
	height:calc( 100% - 2em);    
	position: absolute;
    left: 1em;
    top: 2em;
}
.total *{
	display:flex;
	height:100%; 
    align-items: center;
	justify-content: center;
}

ul.inline li {
  display:inline;
  margin-right:1em
}
.inline{
  display:inline-block;
  width: calc( 100% - 15em);
}
.stathead{
	clear:both;
	display:block;
}
div.players{
	display:inline-block;
	margin-left:10em;
	width: calc( 100% - 10em);
}
.minimax{
	margin:3pt;
	display:block;
	max-width:100%;
}

.minimax > span{
	padding:1pt;
	display:inline-block;
	width:10em;
}
#listContainer > li >a{
	color:#000;
	text-decoration: none;
    overflow: hidden;
    position: relative;
    display: block;
    box-shadow:
        inset 0 0 2px 0 rgba(255,255,255,.4),
        inset 0 0 3px 0 rgba(0,0,0,.4),
        inset 0 0 3px 5px rgba(0,0,0,.05),
        2px 2px 4px 0 rgba(0,0,0,.25);
    border-radius: 1em;
    padding: 1em;
    font-size: 18px;
	margin:1em;
}