styling changes

style.css

@@ -3,9 +3,12 @@
     padding: 0;
 }
 
-nav {
-    padding-top: 10px;
-    padding-bottom: 10px;       
+body {
+    overflow: hidden;
+}
+
+nav {      
+    padding: 1em;
     display: flex;
     justify-content: space-around;
 }
@@ -54,7 +57,8 @@ button span {
 }
 
 main {
-    background-color:  #9a6db6;
+    padding: 0.5em;
+    background-color:#9a6db6;
     display: flex;
     justify-content: center;
     height: 70%;
@@ -62,7 +66,6 @@ main {
 }
 
 .cat-img {
-    margin: 15px;
     height: auto;
     width: auto;
     border-radius: 10px;
@@ -70,8 +73,8 @@ main {
 }
 
 footer {
-    height: 15%;
     width: auto;
+    height: 15%;
 }
 
 footer p {