restructured html and changed styling a bit

1 files changed, 28 insertions, 10 deletions

diff --git a/static/style.css b/static/style.css
index f0c3d2a..a20a529 100644
--- a/static/style.css
+++ b/static/style.css
@@ -1,23 +1,39 @@
 html {
     background: black;
     font-family: 'Open Sans', sans-serif;
+    height: 100%;
 }
 
 body {
-    color: white;
+    margin-left: 10%;
+    max-width: 80%;
+    min-width: 70%;
+    height: 100%;
 }
 
 header {
     text-align: center;
+    color: white;
 }
 
 main {
-    padding-top: 2%;
+    min-height: 100%;
 }
 
-nav ul li a {
-    color: #f1f3f3;
-    font-size: smaller;
+#wrapper-center {
+    display: flex;
+    justify-content: center;
+}
+
+main, #headerwrapper {
+    background-color: #fafafa;
+    color: black;
+}
+
+#headerwrapper {
+    text-align: center;
+    padding-top: 0.1%;
+    padding-bottom: 2%;
 }
 
 nav ul {
@@ -34,19 +50,20 @@ nav a {
     text-decoration: none;
     display: block;
     padding: 5px 6px 5px 6px;
-    color: black;
+    color: white;
 }
 
 #lists {
     float: left;
-    padding-left: 5%;
+    margin-right: 5%;
     max-width: 45%;
 }
 
 #img-wrapper {
     float: right;
-    padding-right: 5%;
-    max-width: 40%;
+    padding-top: 2%;
+    margin-left: 8%;
+    max-width: 30%;
 }
 
 img {
@@ -55,7 +72,8 @@ img {
 }
 
 #recipe-list {
-    padding-left: 30%;
+    float: left;
+    padding-left: 38%;
     list-style-type: none;
 
 }