add gamecard progress

gamecard/static/css/gamecard.css

@@ -1,4 +1,4 @@
-@import url("../../css/paper.css");
+@import url("paper.css");
 @import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
 @import url('../fonts/vera/bitstreamvera.css');
 @import url('../fonts/verdana/verdanapro.css');
@@ -48,7 +48,7 @@ card-right {
 	height: 100%;
 	width: 100%;
 	/* 		padding: .1in; */
-	outline: solid grey;
+	/*outline: solid grey;*/
 }
 
 table {
@@ -59,12 +59,39 @@ table {
 	white-space: nowrap;
 	text-overflow: ellipsis;
 	overflow-x: hidden;
+  overflow-y: hidden;
 	width: 100%;
 }
 
-th, tr, td {
-	/* 	  box-sizing: content-box;  */
-	border: 0.5px solid black;
+table.lineup {
+	text-transform: uppercase;
+  width: 100%;
+  border: black;
+}
+
+.cell-checkbox {
+  color: grey;
+  font-size: .75em;
+}
+
+.cell-info-lastname {
+  width: 70px;
+	text-transform: uppercase;
+	font-stretch: condensed;
+}
+
+.in-starting-lineup {
+  font-weight: bold;
+}
+
+th{
+	background: black;
+	color: white;
+	border: none;
+}
+
+tr, td {
+	border: 0.5px solid grey;
 	height: 17px;
 	text-overflow: ellipsis;
 	overflow-x: hidden;
@@ -82,13 +109,18 @@ th, tr, td {
 	font-weight: bolder;
 }
 
-.numbercell {
-	font-family: "m+1m";
-	text-align: center;
-	font-stretch: condensed;
+.cell-smalltext {
+  font-stretch: condensed;
 	font-size: 10px;
 }
 
+.day-of-the-week{
+  font-family: "m+1m";
+  font-size: 8px;
+  transform: rotate(-90deg);
+  display: inline-block
+}
+
 .statscell {
 	font-family: "m+1m";
 	text-align: center;
@@ -97,16 +129,13 @@ th, tr, td {
 	width: 60px;
 }
 
-tr:nth-child(even) {background-color: #f2f2f2;}
-
-th{
-	background: black;
-	color: white;
-	border: none;
+tr:nth-child(even) {
+  background-color: #f2f2f2;
 }
 
-.customcol{
-	width: 120px;
+
+
+{
 	text-transform: uppercase;
 }
 
@@ -116,9 +145,21 @@ th{
 	font-stretch: condensed;
 }
 
-.square {
+.cell-square {
 	height: 14px;
 	width: 14px;
+  text-align: center;
+}
+
+.cell-square.narrow {
+	width: 10px;
+}
+.cell-mono {
+  font-family: "m+1m";
+}
+
+.cell-condensed {
+		font-stretch: condensed;
 }
 
 .available-status-code-1{