change style.css, change navbar font style & structure

3 files changed, 39 insertions, 8 deletions

diff --git a/static/fineburlap.gif b/static/fineburlap.gif
new file mode 100644
index 0000000..100ccc5
--- /dev/null
+++ b/static/fineburlap.gif
diff --git a/static/style.css b/static/style.css
index 37e7ab5..c2ca2ef 100644
--- a/static/style.css
+++ b/static/style.css
@@ -1,23 +1,54 @@
+:root {
+   /*
+   --primary-bg-color: rgb(58, 169, 159);
+   --secondary-bg-color: rgb(36, 131, 123);
+   */
+   --primary-bg-color: black;
+   --secondary-bg-color: rgb(16, 15, 15);
+}
+
 html {
 	/* overflow-y needed for chromium browsers to not shift */
 	overflow-y: scroll;
-   background-image: url("/bg.webp");
+   background-image: url("/wool3.gif");
    background-repeat: repeat;
 }
 
+header {
+   display: flex;
+   flex-direction: column;
+}
+
+
+#site-title {
+   margin: 0px;
+   font-family: sans-serif;
+   padding-left: 0.4rem;
+   background-color: var(--primary-bg-color);
+   color: white;
+}
+
 nav {
+   padding-left: 0.2rem;
+   padding-bottom: 3px;
 	display: inline;
+   background-color: var(--secondary-bg-color);
 }
 
-body {
+.nav-item {
+   font-style: italic;
+   color: white;
+}
+
+body { /* everything */
 	/* margin: 0 auto; */
    background-color: white;
-	max-width: 50%;
-   padding: 2rem;
-   padding-top: 0.2rem;
+   box-shadow: 5px 5px 3px black;
+	max-width: 60%;
 }
 
-img {
-	/* pixelated for aesthetics */
-	image-rendering: pixelated;
+main { /* main content */
+   padding: 1rem;
+   padding-top: 0rem;
 }
+
diff --git a/static/wool3.gif b/static/wool3.gif
new file mode 100644
index 0000000..5c0a854
--- /dev/null
+++ b/static/wool3.gif