first commit

1 files changed, 75 insertions, 0 deletions

diff --git a/static/css/home.css b/static/css/home.css
new file mode 100644
index 0000000..a408685
--- /dev/null
+++ b/static/css/home.css
@@ -0,0 +1,75 @@
+#home-wrapper {
+    background-color: var(--home-bg);
+    color: var(--home-fg);
+
+    min-height: 100vh;
+    overflow: hidden;
+
+    display: flex;
+    justify-content: center;
+}
+
+#home {
+    max-width: 1300px;
+    width: 95%;
+
+    margin: auto;
+}
+
+#home #nav-wrapper {
+    margin: 3rem 0;
+    width: 100%;
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: 3rem;
+}
+
+#home #my-image-wrapper {
+    width: 20rem;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+#home #my-image {
+    border-radius: 50%;
+    height: 100%;
+    width: 100%;
+}
+
+#home #title-nav nav {
+    display: flex;
+    justify-content: left;
+    gap: 0.7rem;
+}
+
+#home #title-nav nav a {
+    color: var(--home-fg);
+}
+
+@media only screen and (max-width: 1000px) {
+    #home-wrapper {
+        display: block;
+    }
+
+    #home #nav-wrapper {
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        text-align: center;
+        margin: 1rem 0;
+        gap: 0;
+    }
+
+    #home #my-image-wrapper {
+        width: 16rem;
+        max-width: 90vw;
+    }
+
+    #home #title-nav nav {
+        justify-content: center;
+        flex-wrap: wrap;
+    }
+}