Initial commit

2024-07-29 14:47:25 +02:00
commit 1d20240af4
4 changed files with 103 additions and 0 deletions
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -0,0 +1,65 @@
+/* Author:      Ward Truyen
+ * Version:     1.0.0
+ */
+
+:root {
+  color-scheme: light dark;
+}
+
+html,
+body {
+  margin: 0px;
+  padding: 0px;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  /* colors */
+  background-image: linear-gradient(-30deg, #C0E0FF6F 70%, #FFE0C04F);
+}
+
+main {
+  margin: auto;
+  width: 80%;
+  padding: 10px;
+  min-height: 40%;
+  /* colors */
+  border: 1px solid darkblue;
+  background-color: white;
+    box-shadow: 3px 3px 3px #30303090;
+}
+
+main h1 {
+  font-family: "Raleway", sans-serif;
+  font-size: 4em;
+  margin-top: 4px;
+  margin-bottom: 8px;
+  text-decoration: underline;
+  text-shadow: 0px 0px 4px white, 2px 2px 6px;
+}
+
+main p,
+main a {
+  padding-left: 1em;
+}
+
+.text-red {
+  color: red;
+}
+
+@media(prefers-color-scheme: dark) {
+
+  html,
+  body {
+    background-image: linear-gradient(-10deg, #1010206F 60%, #5050506F);
+  }
+
+  main {
+    border: 1px solid darkgray;
+    background-color: black;
+    box-shadow: 3px 3px 5px #101010C0;
+  }
+  
+  main h1 {
+  text-shadow: 0px 0px 3px blue, 2px 2px 6px;
+  }
+}