Fix: Merged layouts for core and dog sections as much as possible.

static/css/sections/core.css

@@ -1,91 +1,12 @@
 
 /* Home page
 */
-header {
-    background: white;
-    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
-    /* position: fixed;
-    top: 0; */
-    width: 100%;
-    z-index: 1000;
-}
-
-.navbar {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 1rem 0;
-}
-
-.nav-links {
-    display: flex;
-    gap: 2rem;
-    display: flex;
-    flex-wrap: wrap;
-    max-width: 58vw;
-}
-
-.nav-links a {
-    text-decoration: none;
-    color: var(--text);
-    font-weight: 500;
-    align-content: center;
-    font-size: 1rem;
-}
-.nav-links a.button {
-    color: white;
-    margin: 0 auto;
-}
-
-.container {
-    max-width: min(2000px, 90vw);
-    margin: 0 auto;
-    padding: 0 5vw;
-}
-
-/* Header */
-header {
-    background: white;
-    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
-    /* position: fixed;
-    top: 0; */
-    width: 100%;
-    z-index: 1000;
-}
-
-.navbar {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 1rem 0;
-}
-
-.logo {
-    font-size: 2rem;
-    font-weight: bold;
-    color: #8932CB;
-}
-
-.nav-links {
-    display: flex;
-    gap: 2rem;
-}
-
-.nav-links a {
-    text-decoration: none;
-    color: var(--text);
-    font-weight: 500;
-    align-content: center;
-}
-.nav-links a.button {
-    color: white;
-}
 
 /* Footer */
 .footer {
     background: #1f2937;
     color: #f3f4f6;
-    padding: 4rem 0 2rem;
+    padding: 4rem 2rem 2rem;
 }
 
 .footer-content {
@@ -150,7 +71,7 @@ header {
     }
 }
 
-@media (max-width: 450px) {
+@media (max-width: 540px) {
     .nav-links {
         display: none;
     }