first stab at styling

style.css

@@ -9,19 +9,96 @@ Version:        0.1.0
 */
 
 @import url('https://fonts.googleapis.com/css?family=Jost&display=swap');
-	
+@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css');
+
 .site-title, .site-description {
 	font-family: Jost;
+	color: white;
+	/* offset-x | offset-y | blur-radius | color */
+	text-shadow: 1px 1px 10px black;
+}
+
+@media only screen and (max-width: 600px) {
+  .site-description {
+    display: none;
+  }
+	.site-title{
+		font-size: 1em;
+		text-shadow:none;
+	}
+	.header-area.header-area-custom {
+		background-image: none !important;
+		background-color: rgb(13, 71, 133);
+		border-bottom: none;
+	}
+	.site-logo img {
+		max-height: 40px;
+		margin-top: 0px;
+	margin-bottom: 0px;
+	}
+	
+	.header-area-custom .site-branding {
+		padding: 14px;
+		min-height: 50px;
+	}
+
+	.sp-data-table th.data-rank, .sp-data-table td.data-rank {
+		display: none;
+	}
+}
+
+.sp-event-list span.team-0::after{
+	content: " (V)";
+	font-size: 0.8em;
+	color: gray;
+}
+
+.sp-event-list span.team-1::after{
+	content: " (H)";
+	font-size: 0.8em;
+	color: gray;
 }
 
 .sp-league-table th {
-	font-family: Oswald, sans-serif;
+	/* font-family: Oswald, sans-serif;
 	text-transform: uppercase;
 	background-color: rgb(13, 71, 133);
 	color: white;
+	border: none; */
 }
 
-@media screen and (max-width:782px)
+.sp-data-table thead tr th {
-	.tablenav .view-switch, .tablenav.top .actions{
+	border-top: 2px solid black; 
-		display: inherit;
+	border-bottom: 2px solid black;
+	text-transform: uppercase;
+}
+
+.sp-data-table tbody td.data-name {
+	font-weight: bold;
+	text-transform: uppercase;
+}
+
+@media only screen and (min-width: 600px) {
+.header-area-custom .site-logo {
+	margin-top: 0px;
+	margin-bottom: 0px;
+}
+
+.site-logo img {
+	max-height: 90px;
+}
+
+.header-area-custom .site-branding {
+	padding: 0.8em;
+	min-height: 100px;
+}
+
+}
+
+.wp-block-table td {
+	border-color: #d8d9da;
+}
+
+.wp-block-table th {
+	border-color: #d8d9da;
 }