Added a series of nicely curated themes

src/app.html

@@ -28,7 +28,7 @@
 			}
 
 			hr {
-				border: .2em solid var(--accent);
+				border: .12em solid var(--accent);
   				border-radius: 5em;
 				width: 100%;
 			}

src/main.svelte

@@ -28,7 +28,7 @@
         height: 8em;
         width: 8em;
         padding: 1em 1em 1em 1em;
-        border: .5em solid var(--accent);
+        border: .25em solid var(--accent);
     }
     
     .about {

static/themes/cool-modern.css

@@ -0,0 +1,18 @@
+:root {
+    --bg: #f2f6f7; /* Soft blue-tinted white */
+    --bg-secondary: #d7e1e4; /* Cool grey-blue */
+    --accent: #92a9b0; /* Subtle blue-green */
+
+    --header: #5d7075; /* Deep slate blue-green */
+    --fg: #3c4649; /* Rich dark grey */
+    
+    --input: #e0e6e8; /* Light desaturated blue-grey */
+    
+    --link: #678d97; /* Muted sea blue */
+    --glow: #b2c4c8; /* Gentle cool glow */
+    --hover: #8fa7af; /* Soft grey-blue hover */
+
+    --green: #78a890; /* Balanced green */
+    --red: #e08c96; /* Soft dusty red */
+    --blue: #729da5; /* Medium desaturated blue */
+}

static/themes/jet-brains-dracula.css

@@ -0,0 +1,18 @@
+:root {
+    --bg: #2b2b2b; /* Dark but not too harsh */
+    --bg-secondary: #3c3f41; /* Deep warm grey */
+    --accent: #6897bb; /* Muted but clear blue */
+
+    --header: #a9b7c6; /* Softer contrast */
+    --fg: #bbbbbb; /* Light but not pure white */
+    
+    --input: #414141; /* Dark grey input */
+    
+    --link: #519aba; /* Soft coding blue */
+    --glow: #4e5d68; /* Subtle bluish glow */
+    --hover: #8c9da8; /* Brighter on hover */
+
+    --green: #6a8759; /* Classic Darcula green */
+    --red: #cc6666; /* Softer, warm red */
+    --blue: #6897bb; /* Standard coding blue */
+}

static/themes/monokai-dark.css

@@ -0,0 +1,18 @@
+:root {
+    --bg: #272822; /* Classic Monokai dark */
+    --bg-secondary: #3e3d32; /* Darker olive grey */
+    --accent: #f92672; /* Monokai’s signature pink-red */
+
+    --header: #a6e22e; /* Neon green */
+    --fg: #f8f8f2; /* Soft off-white */
+    
+    --input: #373831; /* Slightly lighter grey-green */
+    
+    --link: #66d9ef; /* Monokai cyan */
+    --glow: #49483e; /* Muted background glow */
+    --hover: #fd7c95; /* Lighter pink hover */
+
+    --green: #a6e22e; /* Bright Monokai green */
+    --red: #f92672; /* Soft pinkish-red */
+    --blue: #66d9ef; /* Bright cyan */
+}

static/themes/stormy-blue.css

@@ -0,0 +1,18 @@
+:root {
+    --bg: #1e2426; /* Dark blue-grey */
+    --bg-secondary: #283033; /* Deep slate */
+    --accent: #7c9197; /* Muted blue-grey */
+
+    --header: #a4b3b7; /* Softer light blue-grey */
+    --fg: #d2d9dc; /* Pale blue-grey for readability */
+    
+    --input: #323a3d; /* Dark neutral input background */
+    
+    --link: #85a1a8; /* Muted cool teal */
+    --glow: #627277; /* Soft cool-toned glow */
+    --hover: #95b2b8; /* Pastel blue-grey hover */
+
+    --green: #79a48c; /* Muted forest green */
+    --red: #d18088; /* Soft warm red */
+    --blue: #789fa7; /* Medium desaturated blue */
+}