Initial Commit

1 files changed, 124 insertions, 0 deletions

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