#card-calculator{
	text-align: center;
	max-width: 30em;
	left: 0;
	right: 0;
	margin: 1em auto;
}
#players-selection{float: left}
#decks-selection{float: right}
#cards-per-player{
	height: 34px;
	line-height: 34px;
	display: inline-block;
	font-size: calc(11.667vw - 19.1676px); /*linear interpolation based on longest values to make sure content always fits*/
	font-family: MedievalSharp;
	width: 6em;
}
@media only screen and (min-width: 370px){
	#cards-per-player{font-size: 1.5em}
}

#card-values{
	font-size: 1.2em;
	right: 0;
	left: 0;
	margin: 1em auto;
}
#card-values tr>*{padding: 0 0.5em}
#card-values tr>:first-child{text-align: right}
#card-values tr>:nth-child(2){border-left: 1px solid}
#card-values th{border-bottom: 1px solid}