From 7fc188b0a4d73856c05eacc9bdf2a1561505a8d6 Mon Sep 17 00:00:00 2001
From: Morgana <Morgana@icolotl.com>
Date: Fri, 25 Sep 2026 14:19:20 -0500
Subject: Initial Commit

---
 static/style/style.css | 124 +++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 124 insertions(+)
 create mode 100644 static/style/style.css

(limited to 'static/style/style.css')

diff --git a/static/style/style.css b/static/style/style.css
new file mode 100644
index 0000000..a2c894e
--- /dev/null
+++ b/static/style/style.css
@@ -0,0 +1,124 @@
+@font-face {
+    font-family: 'Montserrat';
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+    src: url(/static/montserrat/Montserrat-VariableFont_wght.ttf) format('woff2');
+}
+
+@font-face {
+    font-family: 'Montserrat';
+    font-style: italic;
+    font-weight: 400;
+    font-display: swap;
+    src: url(/static/montserrat/Montserrat-Italic-VariableFont_wght.ttf) format('woff2');
+}
+
+@font-face {
+    font-family: 'MsMadi';
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+    src: url(/static/msmadi/MsMadi-Regular.ttf) format('woff2');
+}
+
+html {
+    font-family: 'Montserrat', sans-serif;
+    --dark-color: hsl(65, 14%, 17%);
+    --heavy-color: hsl(65, 14%, 33%);
+    --accent-color: hsl(60, 50%, 60%);
+    --light-color: hsl(168, 6%, 83%);
+    background-color: var(--light-color);
+    margin: 0;
+    padding: 0;
+    height: 100%;
+}
+
+body {
+    margin: 0;
+    padding: 0;
+    min-height: 100%;
+    display: flex;
+    flex-direction: column;
+}
+
+#header-bg {
+    background-image: linear-gradient(transparent 80%, var(--light-color)), url("/static/img/bgcropped.webp");
+    background-size: cover;
+}
+
+header {
+    color: var(--dark-color);
+    text-align: center;
+    font-size: 2em;
+    transform: rotate(-2deg);
+    text-wrap: nowrap;
+    width: fit-content;
+    margin: auto;
+
+    h1 {
+        font-family: "MsMadi", cursive;
+        margin: 0;
+    }
+
+    span {
+        transform: translate(-2.5em, -1.25em);
+        font-size: 0.5em;
+        display: block;
+    }
+
+    a {
+        color: inherit;
+        text-decoration: none;
+    }
+}
+
+a {
+    color: var(--heavy-color);
+}
+
+footer {
+    display: flex;
+    flex-direction: row;
+    background-color: var(--dark-color);
+    color: var(--light-color);
+    padding: 0.35em;
+
+    >span {
+        flex-grow: 1;
+        text-align: center;
+    }
+}
+
+main {
+    flex-grow: 1;
+}
+
+main.centered {
+    width: 40%;
+    margin: auto;
+}
+
+#flashes {
+    font-size: 0.8em;
+    position: absolute;
+    top: 0;
+    right: 0;
+    margin: 1em;
+    z-index: 1;
+    border: 2px solid var(--dark-color);
+    background-color: var(--light-color);
+    color: var(--heavy-color);
+    font-weight: bold;
+    border-radius: 1em;
+
+    ul {
+        padding: 0;
+        margin: 0;
+    }
+
+    li {
+        padding: 0.25em;
+        list-style: none;
+    }
+}
\ No newline at end of file
-- 
cgit v1.3.1