feat: Add notfellchen style

src/assets/css/style.css

@@ -1,3 +1,51 @@
+:root {
+    --primary-light-one: #5daa68;
+    --primary-light-two: #4a9455;
+    --primary-semidark-one: #356c3c;
+    --primary-dark-one: #17311b;
+    --secondary-light-one: #faf1cf;
+    --secondary-light-two: #e1d7b5;
+    --background-one: var(--primary-light-one);
+    --background-two: var(--primary-light-two);
+    --background-three: var(--secondary-light-one);
+    --background-four: var(--primary-dark-one);
+    --highlight-one: var(--primary-dark-one);
+    --highlight-one-text: var(--secondary-light-one);
+    --highlight-two: var(--primary-semidark-one);
+    --text-one: var(--secondary-light-one);
+    --shadow-one: var(--primary-dark-one);
+    --text-two: var(--primary-dark-one);
+    --text-three: var(--primary-light-one);
+    --shadow-three: var(--primary-dark-one);
+}
+
+body {
+    background: var(--background-one);
+    color: var(--text-two);
+}
+
+h1, h2 {
+    word-wrap: break-word;
+    color: var(--text-one);
+    text-shadow: 2px 2px var(--shadow-one);
+}
+
+.container-form {
+    background: var(--background-three);
+    color: var(--text-two);
+    border-radius: 10px;
+    padding: 20px;
+}
+
+.input-element {
+    margin: 20px;
+}
+
+label {
+    font-weight: bold;
+
+}
+
 .slidecontainer {
     width: 100%;
 }
@@ -48,7 +96,7 @@
 .input-group button {
     padding: 10px;
     border: none;
-    background-color: #007BFF;
+    background-color: var(--primary-dark-one);
     color: white;
     cursor: pointer;
     font-size: 16px;
@@ -59,5 +107,6 @@
     text-align: center;
     font-size: 16px;
     border: 1px solid #ccc;
+    background-color: var(--secondary-light-one);
     height: 36px;
 }