* {
	background-color: #f4eadc;
	color: #000044;
	font-family: 'Fondamento', cursive;
	font-size: 18px;
}
th, td {
	text-align: left;
}

.tablinks, .upgradetablinks{
	width: 100%;
	text-align: center;
	text-decoration: none;
	display: inline-block;
}
.autobuttons {
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
}
table {
	margin-left:auto;
	margin-right:auto;
	text-align: right;
	width:100%
}

#purchases {
	font-size: 20px;
}

.progress {
  height: 1.5em;
  width: 50%;
  background-color: #FF0000;
  position: relative;
  left: 25%;
  border-style: solid;
  border-width: 2px;
  border-color: 000044;
}

.progress .value1 {
  background-color: #66bb6a;
  display: inline-block;
  height: 100%;
  position: absolute;
}

.progress .value2 {
  background-color: #03a9f4;
  display: inline-block;
  height: 100%;
  position: absolute;
}

.progress .value3 {
  background-color: #9c27b0;
  display: inline-block;
  height: 100%;
  position: absolute;
}

.progress .value4 {
  background-color: #ff8f00;
  display: inline-block;
  height: 100%;
  position: absolute;
}

.progress .bar {
  background-color: #ffffff;
  display: inline-block;
  height: 100%;
  position: absolute;
}