From 75d4e84e5cef53af635746f9e3fe52a10a489baf Mon Sep 17 00:00:00 2001
From: Max L <privat@maxlissowski.de>
Date: Thu, 23 Nov 2023 20:44:39 +0100
Subject: [PATCH] Increase font size for display on a large screen

---
 styles.css | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/styles.css b/styles.css
index e3aa32c..47a3a9a 100644
--- a/styles.css
+++ b/styles.css
@@ -66,7 +66,7 @@
 
 /* Custom navbar styles */
 .navbar {
-  height: 50px;  /* reduce the height of the navbar */
+  min-height: 50px;  /* reduce the height of the navbar */
   background-color: rgb(0, 137, 57);
   margin-bottom: 10px !important;
   top: -10px !important;
@@ -76,13 +76,13 @@
 .navbar-brand {
   color: rgba(255, 255, 255, 0.8) !important;  /* change the text color */
   margin: 0 auto;  /* center the brand name */
-  font-size: 0.9em;
+  font-size: 1.8em;
 }
 
 .navbar-info {
   color: rgba(255, 255, 255, 0.8) !important;  /* change the text color */
   margin: 0 auto;  /* center the brand name */
-  font-size: 1.2em;
+  font-size: 2.4em;
   display: block !important;
 }
 
@@ -181,6 +181,10 @@ body {
     margin-bottom: 20px !important;
 }
 
+.card-text ~ p {
+    font-size: 1.4em;
+}
+
 .card-img-bottom {
     max-width: 600px;
     max-height: 500px;
@@ -196,6 +200,6 @@ body {
 
 .text-muted {
     color:#6c757d !important;
-    font-size: 0.6em;
+    font-size: 1.2em;
     text-align: right;
 }