feat: style changes for cards and banners and text size

1 files changed, 27 insertions, 14 deletions

diff --git a/templates/styles.css b/templates/styles.css
index 887766d..609a0f7 100644
--- a/templates/styles.css
+++ b/templates/styles.css
@@ -25,18 +25,12 @@ body {
 	background-image: url("/assets/bg.webp");
 }
 
-.banner {
-	font-size: 1em;
-	text-align: center;
-	padding: 3em;
-	background-color: white;
-}
-
 nav {
 	display: flex;
 	flex-wrap: wrap;
 	background-color: white;
 	position: fixed;
+	width: 100%;
 }
 
 nav img {
@@ -50,6 +44,7 @@ nav a {
 	text-decoration: none;
 	padding: 1em 1em;
 	transition: 0.15s;
+	cursor: pointer;
 }
 
 nav a:hover {
@@ -88,13 +83,33 @@ em {
 }
 
 section {
-	font-size: 1.5em;
-	margin: 0;
+	font-size: 1em;
+	margin-top: 0;
+	margin-right: 0;
+	margin-left: 0;
+	margin-bottom: 2em;
 	padding: 1em;
+	background-color: white;
 }
 
-section.quiet {
-	background-color: white;
+section.banner {
+	text-align: center;
+	padding-left: 0em;
+	padding-right: 0em;
+	margin-bottom: 0;
+	background: linear-gradient(to right,
+			rgba(255, 255, 255, 0) 0%,
+			rgba(255, 255, 255, 1) 75%);
+}
+
+section.banner h1 {
+	background: white;
+	margin-top: 0;
+	padding-top: 1em;
+}
+
+section.cards {
+	background-color: transparent;
 }
 
 section.squarshed {
@@ -145,7 +160,7 @@ footer {
 }
 
 footer p {
-	font-size: 1.5em;
+	font-size: 1em;
 }
 
 footer a,
@@ -155,7 +170,6 @@ section a {
 }
 
 .card {
-	font-size: 0.9em;
 	background-color: white;
 	padding: 1em;
 	border-radius: 1em;
@@ -236,7 +250,6 @@ section.flexible {
 	margin-right: 1em;
 	margin-top: 0.5em;
 	margin-bottom: 0.5em;
-	font-size: 0.7em;
 	padding: 0.3em;
 	flex: 1 0 21%;
 	align-items: center;