gaaaaanz viele rezpteeeeee

style.css

@@ -1,6 +1,10 @@
+:root {
+}
 body {
   font-family: sans-serif;
   margin: 0;
+  background: radial-gradient(circle,rgba(105, 105, 105, 1) 0%, rgba(41, 41, 41, 1) 85%);
+  color: white;
 }
 .window {
   display: flex;
@@ -17,7 +21,6 @@ body {
     position: sticky;
     position: -webkit-sticky;
     align-self: flex-start;
-    background: white;
     top: 6rem;
     .title {
       text-align: center;
@@ -54,6 +57,8 @@ body {
     & > .zutat {
       border-radius: 0.5rem;
       padding: 1rem 0.5rem;
+      background: #fffefe;
+      color: black;
       box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.2);
       border: 1pt solid silver;
       border-bottom: none;
@@ -111,10 +116,13 @@ button[type="button"] {
     height: 2rem;
   }
   &.plus {
-    outline-color: oklch(66.442% 0.22551 142.585 / 0.3);
+    background-color: oklch(66.442% 0.22551 142.585 / 0.3);
+    outline: none;
   }
   &.minus {
-    outline-color: oklch(66.442% 0.22551 41.6 / 0.3);
+    background-color: oklch(66.442% 0.22551 41.6 / 0.3);
+    outline: none;
+
   }
 }
 button:focus,