slight styling changes

style.css

@@ -4,12 +4,14 @@
 }
 
 nav {
+    padding: 1em;
     display: flex;
     justify-content: space-around;
 }
 
 header {
-    padding: 0.5em;
+    height: 15%;
+    width: auto;
 }
 
 header, footer {
@@ -54,19 +56,25 @@ button span {
 main {
     background-color:  #9a6db6;
     display: flex;
-    justify-content: center ;
+    justify-content: center;
+    height: 70%;
+    width: auto;
 }
 
 .cat-img {
-    height: 500px;
     margin: 15px;
+    height: auto;
     width: auto;
     border-radius: 10px;
     border: 5px solid  #6d5a8c;
 }
 
+footer {
+    height: 15%;
+    width: auto;
+}
+
 footer p {
-    margin: auto;
     padding: 1em;
     text-align: center;
     font-size: 1.5em;