First almost fully functioning MVP.

Lacking:
- Seasons cannot be added/edited
- image upload
- layout recipe/adding

src/lib/css/action_button.css

@@ -0,0 +1,56 @@
+.action_button{
+	all: unset;
+	cursor: pointer;
+	background-color: var(--red);
+	transition: 200ms;
+	box-shadow: 0 0 1em 0.2em rgba(0,0,0,0.3);
+	padding: 1rem;
+	border-radius: 1000px;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+.action_button:hover,
+.action_button:focus
+{
+	background-color: var(--nord0);
+	transform: scale(1.2,1.2);
+	box-shadow: 0 0 1em 0.4em rgba(0,0,0,0.3);
+	animation: shake 0.5s ease forwards;
+}
+
+.action_button:active{
+	transition: 50ms;
+	scale: 0.8 0.8;
+	rotate: 30deg;
+}
+
+
+@keyframes shake{
+    0%{
+      transform: rotate(0)
+		scale(1,1);
+    }
+    25%{
+    	box-shadow: 0em 0em 1em 0.2em rgba(0, 0, 0, 0.6);
+      	transform: rotate(15deg)
+      		scale(1.2,1.2)
+      ;
+    }
+    50%{
+
+    	box-shadow: 0em 0em 1em 0.2em rgba(0, 0, 0, 0.6);
+      	transform: rotate(-15deg)
+      		scale(1.2,1.2);
+    }
+    74%{
+
+    	box-shadow: 0em 0em 1em 0.2em rgba(0, 0, 0, 0.6);
+  	transform: rotate(15deg)
+  		scale(1.2, 1.2);
+	}
+	100%{
+      transform: rotate(0)
+  		scale(1.2, 1.2);
+    }
+  }

src/lib/css/nordtheme.css

@@ -0,0 +1,25 @@
+:root{
+	--nord0: #2E3440;
+	--nord1: #3B4252;
+	--nord2: #434C5E;
+	--nord3: #4C566A;
+	--nord4: #D8DEE9;
+	--nord5: #E5E9F0;
+	--nord6: #ECEFF4;
+	--nord7: #8FBCBB;
+	--nord8: #88C0D0;
+	--nord9: #81A1C1;
+	--nord10: #5E81AC;
+	--nord11: #BF616A;
+	--nord12: #D08770;
+	--nord13: #EBCB8B;
+	--nord14: #A3BE8C;
+	--nord15: #B48EAD;
+	--lightblue: var(--nord9);
+	--blue: var(--nord10);
+	--red: var(--nord11);
+	--orange: var(--nord12);
+	--yellow: var(--nord13);
+	--green: var(--nord14);
+	--purple: var(--nord15);
+}