CSS Grid Headings

dashboard_static/style/style.css

@@ -23,10 +23,7 @@ body {
 .container {
 	background-color: var(--main-bg);
 	color: white;
-	display: block;
-	margin-left: auto;
-	margin-right: auto;
-	padding: 16px 32px;
+	padding: 16px 48px;
 }
 
 .header, .sports, .logo {
@@ -106,8 +103,24 @@ body {
 	align-items: center;
 }
 
-/* Three main columns; CSS Grid */
+.filters-search input {
+	height: 28px;
+	width: 100%;
+	border: none;
+	font-family: 'Robot', sans-serif;
+	font-size: 24px;
+	padding: 0;
+	padding-right: 32px;
+}
 
+.filters-search span {
+	position: absolute;
+	font-weight: 500;
+	font-size: 24px;
+	color: var(--main-medium-dark);
+}
+
+/* Three main columns; CSS Grid */
 .maintable {
 	/*background-color: #ffffff; */ /* The colors are there just so that I can see what I'm doing better */
 	display: grid;
@@ -115,37 +128,36 @@ body {
 	grid-template-columns: 1fr 1fr 1fr;
 	grid-template-rows: 1fr 1fr;
 
-	gap: 20px;
-	margin:20px;
+	gap: 48px;
+	/* margin:20px; */
+}
+
+.main {
+	margin-top: 48px;
+}
+
+.column {
+	border-radius: 16px;
 }
 
 .leftcol {
 	background-color: red;
-	border-radius: 16px;
 	grid-row: 1/ -1;
-
-	margin: 40px;
 }
 
 .centercol {
 	background-color: green;
-	border-radius: 16px;
 	grid-row: 1/ -1;
-	margin: 40px;
 }
 
 .searchbar {
 	background-color: blue;
-	border-radius: 16px;
 	height: 400px;
-	margin: 40px;
 }
 
 .popchart {
 	background-color: rgba(255, 0, 255, 0.344);
-	border-radius: 16px;
 	height: 400px;
-	margin: 40px;
 }
 
 .colheader {