overall refactoring

style.css

@@ -85,6 +85,7 @@ CUSTOM STYLE
 
 :root {
   /* https://materialui.co/colors/ */
+  /* TODO: 2. change hue and saturation */
   --hue-primary: 65.52;
   --sat-primary: 20%;
   --background: hsl(var(--hue-primary), var(--sat-primary), 96.08%);
@@ -169,3 +170,41 @@ a {
     font-size: inherit;
   }
 }
+
+/* 
+=================================================
+APP STYLE
+================================================= 
+*/
+
+.button {
+  display: block;
+  width: 100%;
+  text-decoration: none;
+  padding: 1em;
+  margin-bottom: 0.75em;
+  border: 1px solid var(--color-primary);
+  border-radius: 0.5em;
+  background-color: var(--background);
+  cursor: pointer;
+  font-size: 1.333em;
+}
+
+.button:hover {
+  background-color: var(--background-secondary);
+}
+
+svg.lucide {
+  display: inline-block;
+  vertical-align: text-top;
+}
+
+b .lucide,
+h1 .lucide,
+h2 .lucide,
+h3 .lucide,
+h4 .lucide,
+h5 .lucide,
+h6 .lucide {
+  stroke-width: 3;
+}