feat: track images with git lfs

public/app.css

@@ -1,4 +1,45 @@
+/* @font-face { */
+/*   font-display: swap; */
+/*   font-family: 'Nunito Sans'; */
+/*   font-style: normal; */
+/*   font-weight: 300; */
+/*   src: url('/fonts/nunito-sans-v15-latin-300.woff2') format('woff2'), */
+/*     url('/fonts/nunito-sans-v15-latin-300.ttf') format('truetype'); */
+/* } */
+/**/
+/* @font-face { */
+/*   font-display: swap; */
+/*   font-family: 'Roboto'; */
+/*   font-style: normal; */
+/*   font-weight: 300; */
+/*   src: url('/fonts/roboto-v30-latin-300.woff2') format('woff2'), */
+/*     url('/fonts/roboto-v30-latin-300.ttf') format('truetype'); */
+/* } */
+
+h1 {
+  font-weight: 300;
+  font-size: 2rem;
+  margin: 0;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p {
+  margin: 0px;
+  padding: 0px;
+}
+
+p {
+  font-family: 'Nunito Sans', sans-serif;
+  font-size: 16px;
+}
+
 :root {
+  --neutral1000: #000000;
   --neutral800: #16161E;
   --neutral500: #252530;
   --neutral400: #2C2C3A;
@@ -8,13 +49,38 @@
 }
 
 body {
+
   --background-dark: var(--neutral800);
-  --background: var(--neutral500);
+  --background: var(--neutral000);
   --background-light: var(--neutral400);
   --outline: var(--neutral300);
-  --text: var(--neutral100);
+  --text: var(--neutral1000);
+  --layer100: var(--neutral000);
 
-  background-color: var(--background-dark);
+  background-color: var(--layer100);
+  transition: background-color 0.1s;
   color: var(--text);
   font-family: 'Roboto', sans-serif;
 }
+
+.theme-dark {
+
+  --background-dark: var(--neutral800);
+  --background: var(--neutral500);
+  --background-light: var(--neutral400);
+  --background-gradient: linear-gradient(-30deg, var(--neutral500) 0%, var(--neutral400) 100%);
+  --outline: var(--neutral300);
+  --text: var(--neutral100);
+  --layer100: var(--background-dark);
+}
+
+img {
+  max-width: 100%;
+  height: auto;
+}
+
+.center {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}