Initial commit: fristy.net personal site

app/globals.css

@@ -0,0 +1,43 @@
+@import "tailwindcss";
+
+@theme {
+    --color-void: #060913;
+    --color-panel: #0c1222;
+    --color-blurple: #5865f2;
+    --color-blurple-soft: #8891ff;
+    --color-mint: #57f287;
+    --font-sans: var(--font-cascadia), ui-monospace, SFMono-Regular, monospace;
+    --font-mono: var(--font-cascadia), ui-monospace, SFMono-Regular, monospace;
+}
+
+html {
+    scroll-behavior: smooth;
+}
+
+body {
+    background-color: var(--color-void);
+    color: #e8ecf6;
+    font-family: var(--font-sans);
+    background-image:
+        radial-gradient(60rem 30rem at 80% -10%, rgba(88, 101, 242, 0.16), transparent 60%),
+        radial-gradient(50rem 26rem at 10% 0%, rgba(87, 242, 135, 0.07), transparent 60%);
+    background-attachment: fixed;
+}
+
+::selection {
+    background: rgba(88, 101, 242, 0.45);
+}
+
+::-webkit-scrollbar {
+    width: 10px;
+}
+::-webkit-scrollbar-track {
+    background: var(--color-void);
+}
+::-webkit-scrollbar-thumb {
+    background: #232c47;
+    border-radius: 8px;
+}
+::-webkit-scrollbar-thumb:hover {
+    background: var(--color-blurple);
+}