Feat(UI): Improved content and styling for home page.

static/css/sections/core.css

@@ -28,7 +28,7 @@ header {
     gap: 2rem;
     display: flex;
     flex-wrap: wrap;
-    max-width: 70vw;
+    max-width: 58vw;
 }
 
 .nav-links a {
@@ -44,9 +44,9 @@ header {
 }
 
 .container {
-    max-width: 1200px;
+    max-width: min(2000px, 90vw);
     margin: 0 auto;
-    padding: 0 1.5rem;
+    padding: 0 5vw;
 }
 
 /* Header */
@@ -67,9 +67,9 @@ header {
 }
 
 .logo {
-    font-size: 1.5rem;
+    font-size: 2rem;
     font-weight: bold;
-    color: var(--primary);
+    color: var(--colour-secondary);
 }
 
 .nav-links {
@@ -105,6 +105,7 @@ header {
     color: #fff;
     margin-bottom: 1rem;
     font-size: 1.2rem;
+    text-align: center;
 }
 
 .footer-section ul {
@@ -138,6 +139,16 @@ header {
     color: aquamarine;
 }
 
+.footer-section.contact {
+    width: 100%;
+}
+.footer-section .container {
+    padding: 0;
+}
+.footer-section .container.row .container.column {
+    padding: 1vh 2vw;
+}
+
 @media (max-width: 768px) {
     .footer-content {
         grid-template-columns: 1fr;
@@ -145,7 +156,7 @@ header {
     }
 }
 
-@media (max-width: 515px) {
+@media (max-width: 450px) {
     .nav-links {
         display: none;
     }