From 24d9fea44cbe60d7dd0ce8d9cff83ef7ea583863 Mon Sep 17 00:00:00 2001
From: zepp <zepp@zepps.cafe>
Date: Fri, 26 Jul 2024 07:17:48 -0400
Subject: [PATCH] styling fixes

---
 index.html | 60 +++++++++++++++++++++++++++---------------------------
 style.css  | 12 ++++-------
 2 files changed, 34 insertions(+), 38 deletions(-)
diff --git a/index.html b/index.html
index cadcf29..8a958c0 100644
--- a/index.html
+++ b/index.html
@@ -1,31 +1,31 @@
 <htmL lang="en">
-      <head>             
-        <title>One cat per day!</title>             
-        <meta charset="utf-8">             
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">             
-        <link rel="stylesheet" href="style.css">             
-        <link rel="stylesheet" href="https://api.fonts.coollabs.io/icon?family=Material+Icons">         
-      </head>          
-      <body>
-        <!-- omg.lol proven -->
-        <!-- proven.lol/a38991 -->      
-        <header>                 
-            <nav>                     
-                <div class="greeting">                         
-                    <h1>One cat per day!</h1>                     
-                </div>                                          
-                <div class="buttons">                                                
-                    <a href="rss.html" target="_blank" rel="noopener noreferrer"><button><span class="material-icons">rss_feed</span><span>Subscribe via RSS</span></button></a>                         
-                    <a href="https://git.32bit.cafe/zepp/onecatper.day" target="_blank" rel="noopener noreferrer"><button><span class="material-icons">terminal</span><span>Check out the code</span></button></a>                                 
-                </div>                 
-            </nav>             
-        </header>                  
-        <main>                 
-            <!-- a more descriptive alt text is not possible, I can only know ahead of time that one or more catss will be in the image -->                 
-            <img class = "cat-img" src=img/cat2024-07-26-06:00:03.jpg alt="A picture of a cat"> 
-        </main>                  
-        <footer>                 
-            <p>Made by <a href="https://zepp.omg.lol" target="_blank" rel="noopener noreferrer">zepp</a> for the love of cats. </p>             
-        </footer>         
-      </body>     
-  </htmL>
\ No newline at end of file
+       <head>             
+         <title>One cat per day!</title>             
+         <meta charset="utf-8">             
+         <meta name="viewport" content="width=device-width, initial-scale=1.0">             
+         <link rel="stylesheet" href="style.css">             
+         <link rel="stylesheet" href="https://api.fonts.coollabs.io/icon?family=Material+Icons">         
+       </head>          
+       <body>
+         <!-- omg.lol proven -->
+         <!-- proven.lol/a38991 -->      
+         <header>                 
+             <nav>                     
+                 <div class="greeting">                         
+                     <h1>One cat per day!</h1>                     
+                 </div>                                          
+                 <div class="buttons">                                                
+                     <a href="rss.html" target="_blank" rel="noopener noreferrer"><button><span class="material-icons">rss_feed</span><span>Subscribe via RSS</span></button></a>                         
+                     <a href="https://git.32bit.cafe/zepp/onecatper.day" target="_blank" rel="noopener noreferrer"><button><span class="material-icons">terminal</span><span>Check out the code</span></button></a>                                 
+                 </div>                 
+             </nav>             
+         </header>                  
+         <main>                 
+             <!-- a more descriptive alt text is not possible, I can only know ahead of time that one or more catss will be in the image -->                 
+             <img class = "cat-img" src=img/cat2024-07-26-07:12:53.jpg alt="A picture of a cat"> 
+         </main>                  
+         <footer>                 
+             <p>Made by <a href="https://zepp.omg.lol" target="_blank" rel="noopener noreferrer">zepp</a> for the love of cats. </p>             
+         </footer>         
+       </body>     
+   </htmL>
\ No newline at end of file
diff --git a/style.css b/style.css
index 167035a..f5c0a58 100644
--- a/style.css
+++ b/style.css
@@ -3,10 +3,6 @@
     padding: 0;
 }
 
-body {
-    overflow: hidden;
-}
-
 nav {      
     padding: 1em;
     display: flex;
@@ -14,8 +10,8 @@ nav {
 }
 
 header {
-    height: 15%;
     width: auto;
+    margin: auto 0;
 }
 
 header, footer {
@@ -61,12 +57,12 @@ main {
     background-color:#9a6db6;
     display: flex;
     justify-content: center;
-    height: 70%;
+    margin: auto 0;
     width: auto;
 }
 
 .cat-img {
-    height: auto;
+    height: 510px;
     width: auto;
     border-radius: 10px;
     border: 5px solid  #6d5a8c;
@@ -74,7 +70,7 @@ main {
 
 footer {
     width: auto;
-    height: 15%;
+    margin: auto 0;
 }
 
 footer p {
