diff --git a/PancakesWeb/Components/App.razor b/PancakesWeb/Components/App.razor
index d95aa83..abe337d 100644
--- a/PancakesWeb/Components/App.razor
+++ b/PancakesWeb/Components/App.razor
@@ -5,7 +5,8 @@
-
+
+
diff --git a/PancakesWeb/wwwroot/app.css b/PancakesWeb/wwwroot/app.css
deleted file mode 100644
index 5388357..0000000
--- a/PancakesWeb/wwwroot/app.css
+++ /dev/null
@@ -1,38 +0,0 @@
-h1:focus {
- outline: none;
-}
-
-.valid.modified:not([type=checkbox]) {
- outline: 1px solid #26b050;
-}
-
-.invalid {
- outline: 1px solid #e50000;
-}
-
-.validation-message {
- color: #e50000;
-}
-
-.blazor-error-boundary {
- background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
- padding: 1rem 1rem 1rem 3.7rem;
- color: white;
-}
-
- .blazor-error-boundary::after {
- content: "An error has occurred."
- }
-
-.darker-border-checkbox.form-check-input {
- border-color: #929292;
-}
-
-.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
- color: var(--bs-secondary-color);
- text-align: end;
-}
-
-.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
- text-align: start;
-}
\ No newline at end of file
diff --git a/PancakesWeb/wwwroot/fonts/CommitMono-VariableFont.ttf b/PancakesWeb/wwwroot/fonts/CommitMono-VariableFont.ttf
new file mode 100644
index 0000000..f726bc1
Binary files /dev/null and b/PancakesWeb/wwwroot/fonts/CommitMono-VariableFont.ttf differ
diff --git a/PancakesWeb/wwwroot/fonts/CommitMono-VariableFont.woff2 b/PancakesWeb/wwwroot/fonts/CommitMono-VariableFont.woff2
new file mode 100644
index 0000000..f9ac1ee
Binary files /dev/null and b/PancakesWeb/wwwroot/fonts/CommitMono-VariableFont.woff2 differ
diff --git a/PancakesWeb/wwwroot/fonts/Inter/Inter-Black.woff2 b/PancakesWeb/wwwroot/fonts/Inter/Inter-Black.woff2
new file mode 100644
index 0000000..2e73dce
Binary files /dev/null and b/PancakesWeb/wwwroot/fonts/Inter/Inter-Black.woff2 differ
diff --git a/PancakesWeb/wwwroot/fonts/Inter/Inter-BlackItalic.woff2 b/PancakesWeb/wwwroot/fonts/Inter/Inter-BlackItalic.woff2
new file mode 100644
index 0000000..d85db93
Binary files /dev/null and b/PancakesWeb/wwwroot/fonts/Inter/Inter-BlackItalic.woff2 differ
diff --git a/PancakesWeb/wwwroot/fonts/Inter/Inter-Bold.woff2 b/PancakesWeb/wwwroot/fonts/Inter/Inter-Bold.woff2
new file mode 100644
index 0000000..b9e3cb3
Binary files /dev/null and b/PancakesWeb/wwwroot/fonts/Inter/Inter-Bold.woff2 differ
diff --git a/PancakesWeb/wwwroot/fonts/Inter/Inter-BoldItalic.woff2 b/PancakesWeb/wwwroot/fonts/Inter/Inter-BoldItalic.woff2
new file mode 100644
index 0000000..31cd052
Binary files /dev/null and b/PancakesWeb/wwwroot/fonts/Inter/Inter-BoldItalic.woff2 differ
diff --git a/PancakesWeb/wwwroot/fonts/Inter/Inter-ExtraBold.woff2 b/PancakesWeb/wwwroot/fonts/Inter/Inter-ExtraBold.woff2
new file mode 100644
index 0000000..bbd0006
Binary files /dev/null and b/PancakesWeb/wwwroot/fonts/Inter/Inter-ExtraBold.woff2 differ
diff --git a/PancakesWeb/wwwroot/fonts/Inter/Inter-ExtraBoldItalic.woff2 b/PancakesWeb/wwwroot/fonts/Inter/Inter-ExtraBoldItalic.woff2
new file mode 100644
index 0000000..288f2de
Binary files /dev/null and b/PancakesWeb/wwwroot/fonts/Inter/Inter-ExtraBoldItalic.woff2 differ
diff --git a/PancakesWeb/wwwroot/fonts/Inter/Inter-ExtraLight.woff2 b/PancakesWeb/wwwroot/fonts/Inter/Inter-ExtraLight.woff2
new file mode 100644
index 0000000..f691003
Binary files /dev/null and b/PancakesWeb/wwwroot/fonts/Inter/Inter-ExtraLight.woff2 differ
diff --git a/PancakesWeb/wwwroot/fonts/Inter/Inter-ExtraLightItalic.woff2 b/PancakesWeb/wwwroot/fonts/Inter/Inter-ExtraLightItalic.woff2
new file mode 100644
index 0000000..3e3934d
Binary files /dev/null and b/PancakesWeb/wwwroot/fonts/Inter/Inter-ExtraLightItalic.woff2 differ
diff --git a/PancakesWeb/wwwroot/fonts/Inter/Inter-Italic.woff2 b/PancakesWeb/wwwroot/fonts/Inter/Inter-Italic.woff2
new file mode 100644
index 0000000..9a1ad21
Binary files /dev/null and b/PancakesWeb/wwwroot/fonts/Inter/Inter-Italic.woff2 differ
diff --git a/PancakesWeb/wwwroot/fonts/Inter/Inter-Light.woff2 b/PancakesWeb/wwwroot/fonts/Inter/Inter-Light.woff2
new file mode 100644
index 0000000..f3e012a
Binary files /dev/null and b/PancakesWeb/wwwroot/fonts/Inter/Inter-Light.woff2 differ
diff --git a/PancakesWeb/wwwroot/fonts/Inter/Inter-LightItalic.woff2 b/PancakesWeb/wwwroot/fonts/Inter/Inter-LightItalic.woff2
new file mode 100644
index 0000000..2f37009
Binary files /dev/null and b/PancakesWeb/wwwroot/fonts/Inter/Inter-LightItalic.woff2 differ
diff --git a/PancakesWeb/wwwroot/fonts/Inter/Inter-Medium.woff2 b/PancakesWeb/wwwroot/fonts/Inter/Inter-Medium.woff2
new file mode 100644
index 0000000..fdfdcc6
Binary files /dev/null and b/PancakesWeb/wwwroot/fonts/Inter/Inter-Medium.woff2 differ
diff --git a/PancakesWeb/wwwroot/fonts/Inter/Inter-MediumItalic.woff2 b/PancakesWeb/wwwroot/fonts/Inter/Inter-MediumItalic.woff2
new file mode 100644
index 0000000..0dc5a30
Binary files /dev/null and b/PancakesWeb/wwwroot/fonts/Inter/Inter-MediumItalic.woff2 differ
diff --git a/PancakesWeb/wwwroot/fonts/Inter/Inter-Regular.woff2 b/PancakesWeb/wwwroot/fonts/Inter/Inter-Regular.woff2
new file mode 100644
index 0000000..2bcd222
Binary files /dev/null and b/PancakesWeb/wwwroot/fonts/Inter/Inter-Regular.woff2 differ
diff --git a/PancakesWeb/wwwroot/fonts/Inter/Inter-SemiBold.woff2 b/PancakesWeb/wwwroot/fonts/Inter/Inter-SemiBold.woff2
new file mode 100644
index 0000000..fbae113
Binary files /dev/null and b/PancakesWeb/wwwroot/fonts/Inter/Inter-SemiBold.woff2 differ
diff --git a/PancakesWeb/wwwroot/fonts/Inter/Inter-SemiBoldItalic.woff2 b/PancakesWeb/wwwroot/fonts/Inter/Inter-SemiBoldItalic.woff2
new file mode 100644
index 0000000..d67d01c
Binary files /dev/null and b/PancakesWeb/wwwroot/fonts/Inter/Inter-SemiBoldItalic.woff2 differ
diff --git a/PancakesWeb/wwwroot/fonts/Inter/Inter-Thin.woff2 b/PancakesWeb/wwwroot/fonts/Inter/Inter-Thin.woff2
new file mode 100644
index 0000000..83bf54b
Binary files /dev/null and b/PancakesWeb/wwwroot/fonts/Inter/Inter-Thin.woff2 differ
diff --git a/PancakesWeb/wwwroot/fonts/Inter/Inter-ThinItalic.woff2 b/PancakesWeb/wwwroot/fonts/Inter/Inter-ThinItalic.woff2
new file mode 100644
index 0000000..928da4b
Binary files /dev/null and b/PancakesWeb/wwwroot/fonts/Inter/Inter-ThinItalic.woff2 differ
diff --git a/PancakesWeb/wwwroot/fonts/Inter/InterDisplay-Black.woff2 b/PancakesWeb/wwwroot/fonts/Inter/InterDisplay-Black.woff2
new file mode 100644
index 0000000..72532b2
Binary files /dev/null and b/PancakesWeb/wwwroot/fonts/Inter/InterDisplay-Black.woff2 differ
diff --git a/PancakesWeb/wwwroot/fonts/Inter/InterDisplay-BlackItalic.woff2 b/PancakesWeb/wwwroot/fonts/Inter/InterDisplay-BlackItalic.woff2
new file mode 100644
index 0000000..de02111
Binary files /dev/null and b/PancakesWeb/wwwroot/fonts/Inter/InterDisplay-BlackItalic.woff2 differ
diff --git a/PancakesWeb/wwwroot/fonts/Inter/InterDisplay-Bold.woff2 b/PancakesWeb/wwwroot/fonts/Inter/InterDisplay-Bold.woff2
new file mode 100644
index 0000000..304c31d
Binary files /dev/null and b/PancakesWeb/wwwroot/fonts/Inter/InterDisplay-Bold.woff2 differ
diff --git a/PancakesWeb/wwwroot/fonts/Inter/InterDisplay-BoldItalic.woff2 b/PancakesWeb/wwwroot/fonts/Inter/InterDisplay-BoldItalic.woff2
new file mode 100644
index 0000000..89d5c5a
Binary files /dev/null and b/PancakesWeb/wwwroot/fonts/Inter/InterDisplay-BoldItalic.woff2 differ
diff --git a/PancakesWeb/wwwroot/fonts/Inter/InterDisplay-ExtraBold.woff2 b/PancakesWeb/wwwroot/fonts/Inter/InterDisplay-ExtraBold.woff2
new file mode 100644
index 0000000..4250fa0
Binary files /dev/null and b/PancakesWeb/wwwroot/fonts/Inter/InterDisplay-ExtraBold.woff2 differ
diff --git a/PancakesWeb/wwwroot/fonts/Inter/InterDisplay-ExtraBoldItalic.woff2 b/PancakesWeb/wwwroot/fonts/Inter/InterDisplay-ExtraBoldItalic.woff2
new file mode 100644
index 0000000..d68a400
Binary files /dev/null and b/PancakesWeb/wwwroot/fonts/Inter/InterDisplay-ExtraBoldItalic.woff2 differ
diff --git a/PancakesWeb/wwwroot/fonts/Inter/InterDisplay-ExtraLight.woff2 b/PancakesWeb/wwwroot/fonts/Inter/InterDisplay-ExtraLight.woff2
new file mode 100644
index 0000000..7d376e2
Binary files /dev/null and b/PancakesWeb/wwwroot/fonts/Inter/InterDisplay-ExtraLight.woff2 differ
diff --git a/PancakesWeb/wwwroot/fonts/Inter/InterDisplay-ExtraLightItalic.woff2 b/PancakesWeb/wwwroot/fonts/Inter/InterDisplay-ExtraLightItalic.woff2
new file mode 100644
index 0000000..1f1ca72
Binary files /dev/null and b/PancakesWeb/wwwroot/fonts/Inter/InterDisplay-ExtraLightItalic.woff2 differ
diff --git a/PancakesWeb/wwwroot/fonts/Inter/InterDisplay-Italic.woff2 b/PancakesWeb/wwwroot/fonts/Inter/InterDisplay-Italic.woff2
new file mode 100644
index 0000000..4475f7c
Binary files /dev/null and b/PancakesWeb/wwwroot/fonts/Inter/InterDisplay-Italic.woff2 differ
diff --git a/PancakesWeb/wwwroot/fonts/Inter/InterDisplay-Light.woff2 b/PancakesWeb/wwwroot/fonts/Inter/InterDisplay-Light.woff2
new file mode 100644
index 0000000..ef7dbbf
Binary files /dev/null and b/PancakesWeb/wwwroot/fonts/Inter/InterDisplay-Light.woff2 differ
diff --git a/PancakesWeb/wwwroot/fonts/Inter/InterDisplay-LightItalic.woff2 b/PancakesWeb/wwwroot/fonts/Inter/InterDisplay-LightItalic.woff2
new file mode 100644
index 0000000..a57c48b
Binary files /dev/null and b/PancakesWeb/wwwroot/fonts/Inter/InterDisplay-LightItalic.woff2 differ
diff --git a/PancakesWeb/wwwroot/fonts/Inter/InterDisplay-Medium.woff2 b/PancakesWeb/wwwroot/fonts/Inter/InterDisplay-Medium.woff2
new file mode 100644
index 0000000..f6157fa
Binary files /dev/null and b/PancakesWeb/wwwroot/fonts/Inter/InterDisplay-Medium.woff2 differ
diff --git a/PancakesWeb/wwwroot/fonts/Inter/InterDisplay-MediumItalic.woff2 b/PancakesWeb/wwwroot/fonts/Inter/InterDisplay-MediumItalic.woff2
new file mode 100644
index 0000000..8b2f1c2
Binary files /dev/null and b/PancakesWeb/wwwroot/fonts/Inter/InterDisplay-MediumItalic.woff2 differ
diff --git a/PancakesWeb/wwwroot/fonts/Inter/InterDisplay-Regular.woff2 b/PancakesWeb/wwwroot/fonts/Inter/InterDisplay-Regular.woff2
new file mode 100644
index 0000000..b5a45e8
Binary files /dev/null and b/PancakesWeb/wwwroot/fonts/Inter/InterDisplay-Regular.woff2 differ
diff --git a/PancakesWeb/wwwroot/fonts/Inter/InterDisplay-SemiBold.woff2 b/PancakesWeb/wwwroot/fonts/Inter/InterDisplay-SemiBold.woff2
new file mode 100644
index 0000000..6e04091
Binary files /dev/null and b/PancakesWeb/wwwroot/fonts/Inter/InterDisplay-SemiBold.woff2 differ
diff --git a/PancakesWeb/wwwroot/fonts/Inter/InterDisplay-SemiBoldItalic.woff2 b/PancakesWeb/wwwroot/fonts/Inter/InterDisplay-SemiBoldItalic.woff2
new file mode 100644
index 0000000..72b4743
Binary files /dev/null and b/PancakesWeb/wwwroot/fonts/Inter/InterDisplay-SemiBoldItalic.woff2 differ
diff --git a/PancakesWeb/wwwroot/fonts/Inter/InterDisplay-Thin.woff2 b/PancakesWeb/wwwroot/fonts/Inter/InterDisplay-Thin.woff2
new file mode 100644
index 0000000..893595a
Binary files /dev/null and b/PancakesWeb/wwwroot/fonts/Inter/InterDisplay-Thin.woff2 differ
diff --git a/PancakesWeb/wwwroot/fonts/Inter/InterDisplay-ThinItalic.woff2 b/PancakesWeb/wwwroot/fonts/Inter/InterDisplay-ThinItalic.woff2
new file mode 100644
index 0000000..46e1b5a
Binary files /dev/null and b/PancakesWeb/wwwroot/fonts/Inter/InterDisplay-ThinItalic.woff2 differ
diff --git a/PancakesWeb/wwwroot/fonts/Inter/InterVariable-Italic.woff2 b/PancakesWeb/wwwroot/fonts/Inter/InterVariable-Italic.woff2
new file mode 100644
index 0000000..b3530f3
Binary files /dev/null and b/PancakesWeb/wwwroot/fonts/Inter/InterVariable-Italic.woff2 differ
diff --git a/PancakesWeb/wwwroot/fonts/Inter/InterVariable.woff2 b/PancakesWeb/wwwroot/fonts/Inter/InterVariable.woff2
new file mode 100644
index 0000000..5a8d3e7
Binary files /dev/null and b/PancakesWeb/wwwroot/fonts/Inter/InterVariable.woff2 differ
diff --git a/PancakesWeb/wwwroot/fonts/inter.css b/PancakesWeb/wwwroot/fonts/inter.css
new file mode 100644
index 0000000..d73edd6
--- /dev/null
+++ b/PancakesWeb/wwwroot/fonts/inter.css
@@ -0,0 +1,143 @@
+@font-face {
+ font-family: InterVariable;
+ font-style: normal;
+ font-weight: 100 900;
+ font-display: swap;
+ src: url("/fonts/Inter/InterVariable.woff2") format("woff2");
+}
+@font-face {
+ font-family: InterVariable;
+ font-style: italic;
+ font-weight: 100 900;
+ font-display: swap;
+ src: url("/fonts/Inter/InterVariable-Italic.woff2") format("woff2");
+}
+
+/* static fonts */
+@font-face { font-family: "Inter"; font-style: normal; font-weight: 100; font-display: swap; src: url("/fonts/Inter/Inter-Thin.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: italic; font-weight: 100; font-display: swap; src: url("/fonts/Inter/Inter-ThinItalic.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: normal; font-weight: 200; font-display: swap; src: url("/fonts/Inter/Inter-ExtraLight.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: italic; font-weight: 200; font-display: swap; src: url("/fonts/Inter/Inter-ExtraLightItalic.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: normal; font-weight: 300; font-display: swap; src: url("/fonts/Inter/Inter-Light.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: italic; font-weight: 300; font-display: swap; src: url("/fonts/Inter/Inter-LightItalic.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/Inter/Inter-Regular.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: italic; font-weight: 400; font-display: swap; src: url("/fonts/Inter/Inter-Italic.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/Inter/Inter-Medium.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: italic; font-weight: 500; font-display: swap; src: url("/fonts/Inter/Inter-MediumItalic.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url("/fonts/Inter/Inter-SemiBold.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: italic; font-weight: 600; font-display: swap; src: url("/fonts/Inter/Inter-SemiBoldItalic.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/Inter/Inter-Bold.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: italic; font-weight: 700; font-display: swap; src: url("/fonts/Inter/Inter-BoldItalic.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: normal; font-weight: 800; font-display: swap; src: url("/fonts/Inter/Inter-ExtraBold.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: italic; font-weight: 800; font-display: swap; src: url("/fonts/Inter/Inter-ExtraBoldItalic.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: normal; font-weight: 900; font-display: swap; src: url("/fonts/Inter/Inter-Black.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: italic; font-weight: 900; font-display: swap; src: url("/fonts/Inter/Inter-BlackItalic.woff2") format("woff2"); }
+@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 100; font-display: swap; src: url("/fonts/Inter/InterDisplay-Thin.woff2") format("woff2"); }
+@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 100; font-display: swap; src: url("/fonts/Inter/InterDisplay-ThinItalic.woff2") format("woff2"); }
+@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 200; font-display: swap; src: url("/fonts/Inter/InterDisplay-ExtraLight.woff2") format("woff2"); }
+@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 200; font-display: swap; src: url("/fonts/Inter/InterDisplay-ExtraLightItalic.woff2") format("woff2"); }
+@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 300; font-display: swap; src: url("/fonts/Inter/InterDisplay-Light.woff2") format("woff2"); }
+@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 300; font-display: swap; src: url("/fonts/Inter/InterDisplay-LightItalic.woff2") format("woff2"); }
+@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/Inter/InterDisplay-Regular.woff2") format("woff2"); }
+@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 400; font-display: swap; src: url("/fonts/Inter/InterDisplay-Italic.woff2") format("woff2"); }
+@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/Inter/InterDisplay-Medium.woff2") format("woff2"); }
+@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 500; font-display: swap; src: url("/fonts/Inter/InterDisplay-MediumItalic.woff2") format("woff2"); }
+@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 600; font-display: swap; src: url("/fonts/Inter/InterDisplay-SemiBold.woff2") format("woff2"); }
+@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 600; font-display: swap; src: url("/fonts/Inter/InterDisplay-SemiBoldItalic.woff2") format("woff2"); }
+@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/Inter/InterDisplay-Bold.woff2") format("woff2"); }
+@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 700; font-display: swap; src: url("/fonts/Inter/InterDisplay-BoldItalic.woff2") format("woff2"); }
+@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 800; font-display: swap; src: url("/fonts/Inter/InterDisplay-ExtraBold.woff2") format("woff2"); }
+@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 800; font-display: swap; src: url("/fonts/Inter/InterDisplay-ExtraBoldItalic.woff2") format("woff2"); }
+@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 900; font-display: swap; src: url("/fonts/Inter/InterDisplay-Black.woff2") format("woff2"); }
+@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 900; font-display: swap; src: url("/fonts/Inter/InterDisplay-BlackItalic.woff2") format("woff2"); }
+
+@font-feature-values InterVariable {
+ @character-variant {
+ cv01: 1; cv02: 2; cv03: 3; cv04: 4; cv05: 5; cv06: 6; cv07: 7; cv08: 8;
+ cv09: 9; cv10: 10; cv11: 11; cv12: 12; cv13: 13;
+ alt-1: 1; /* Alternate one */
+ alt-3: 9; /* Flat-top three */
+ open-4: 2; /* Open four */
+ open-6: 3; /* Open six */
+ open-9: 4; /* Open nine */
+ lc-l-with-tail: 5; /* Lower-case L with tail */
+ simplified-u: 6; /* Simplified u */
+ alt-double-s: 7; /* Alternate German double s */
+ uc-i-with-serif: 8; /* Upper-case i with serif */
+ uc-g-with-spur: 10; /* Capital G with spur */
+ single-story-a: 11; /* Single-story a */
+ compact-lc-f: 12; /* Compact f */
+ compact-lc-t: 13; /* Compact t */
+ }
+ @styleset {
+ ss01: 1; ss02: 2; ss03: 3; ss04: 4; ss05: 5; ss06: 6; ss07: 7; ss08: 8;
+ open-digits: 1; /* Open digits */
+ disambiguation: 2; /* Disambiguation (with zero) */
+ disambiguation-except-zero: 4; /* Disambiguation (no zero) */
+ round-quotes-and-commas: 3; /* Round quotes & commas */
+ square-punctuation: 7; /* Square punctuation */
+ square-quotes: 8; /* Square quotes */
+ circled-characters: 5; /* Circled characters */
+ squared-characters: 6; /* Squared characters */
+ }
+}
+@font-feature-values Inter {
+ @character-variant {
+ cv01: 1; cv02: 2; cv03: 3; cv04: 4; cv05: 5; cv06: 6; cv07: 7; cv08: 8;
+ cv09: 9; cv10: 10; cv11: 11; cv12: 12; cv13: 13;
+ alt-1: 1; /* Alternate one */
+ alt-3: 9; /* Flat-top three */
+ open-4: 2; /* Open four */
+ open-6: 3; /* Open six */
+ open-9: 4; /* Open nine */
+ lc-l-with-tail: 5; /* Lower-case L with tail */
+ simplified-u: 6; /* Simplified u */
+ alt-double-s: 7; /* Alternate German double s */
+ uc-i-with-serif: 8; /* Upper-case i with serif */
+ uc-g-with-spur: 10; /* Capital G with spur */
+ single-story-a: 11; /* Single-story a */
+ compact-lc-f: 12; /* Compact f */
+ compact-lc-t: 13; /* Compact t */
+ }
+ @styleset {
+ ss01: 1; ss02: 2; ss03: 3; ss04: 4; ss05: 5; ss06: 6; ss07: 7; ss08: 8;
+ open-digits: 1; /* Open digits */
+ disambiguation: 2; /* Disambiguation (with zero) */
+ disambiguation-except-zero: 4; /* Disambiguation (no zero) */
+ round-quotes-and-commas: 3; /* Round quotes & commas */
+ square-punctuation: 7; /* Square punctuation */
+ square-quotes: 8; /* Square quotes */
+ circled-characters: 5; /* Circled characters */
+ squared-characters: 6; /* Squared characters */
+ }
+}
+@font-feature-values InterDisplay {
+ @character-variant {
+ cv01: 1; cv02: 2; cv03: 3; cv04: 4; cv05: 5; cv06: 6; cv07: 7; cv08: 8;
+ cv09: 9; cv10: 10; cv11: 11; cv12: 12; cv13: 13;
+ alt-1: 1; /* Alternate one */
+ alt-3: 9; /* Flat-top three */
+ open-4: 2; /* Open four */
+ open-6: 3; /* Open six */
+ open-9: 4; /* Open nine */
+ lc-l-with-tail: 5; /* Lower-case L with tail */
+ simplified-u: 6; /* Simplified u */
+ alt-double-s: 7; /* Alternate German double s */
+ uc-i-with-serif: 8; /* Upper-case i with serif */
+ uc-g-with-spur: 10; /* Capital G with spur */
+ single-story-a: 11; /* Single-story a */
+ compact-lc-f: 12; /* Compact f */
+ compact-lc-t: 13; /* Compact t */
+ }
+ @styleset {
+ ss01: 1; ss02: 2; ss03: 3; ss04: 4; ss05: 5; ss06: 6; ss07: 7; ss08: 8;
+ open-digits: 1; /* Open digits */
+ disambiguation: 2; /* Disambiguation (with zero) */
+ disambiguation-except-zero: 4; /* Disambiguation (no zero) */
+ round-quotes-and-commas: 3; /* Round quotes & commas */
+ square-punctuation: 7; /* Square punctuation */
+ square-quotes: 8; /* Square quotes */
+ circled-characters: 5; /* Circled characters */
+ squared-characters: 6; /* Squared characters */
+ }
+}
diff --git a/PancakesWeb/wwwroot/style.css b/PancakesWeb/wwwroot/style.css
new file mode 100644
index 0000000..8944870
--- /dev/null
+++ b/PancakesWeb/wwwroot/style.css
@@ -0,0 +1,52 @@
+@font-face {
+ font-family: CommitMonoVariable;
+ font-style: normal;
+ font-weight: 200 700;
+ font-display: swap;
+ src: url("/fonts/CommitMono-VariableFont.woff2") format("woff2"), url("/fonts/CommitMono-VariableFont.ttf") format("truetype");
+}
+
+@font-face {
+ font-family: CommitMonoVariable;
+ font-style: italic;
+ font-weight: 200 700;
+ font-display: swap;
+ src: url("/fonts/CommitMono-VariableFont.woff2") format("woff2"), url("/fonts/CommitMono-VariableFont.ttf") format("truetype");
+}
+
+:root {
+ /* Color variables */
+ --accent: #b462cbff;
+ --background: light-dark(#f3dffc, #16051d);
+ --foreground: light-dark(#faf0ff, #08020b);
+ --text: light-dark(#0f0f0f, #efefef);
+
+ --success: #9ece6a;
+ --warn: #e0af68;
+ --error: #f7768e;
+
+ /* Font variables */
+ --font-main: Inter;
+ --font-mono: monospace;
+
+ /* Layout variables */
+ --radius: 0.5rem;
+
+ font-family: var(--font-main), sans-serif;
+}
+
+@supports (font-variation-settings: normal) {
+ :root {
+ --font-main: InterVariable;
+ --font-mono: CommitMonoVariable;
+ }
+}
+
+body {
+ margin: 0;
+ padding: 0;
+
+ color-scheme: light dark;
+ background-color: var(--background);
+ color: var(--text);
+}
\ No newline at end of file