feat: changed styling

src/routes/+layout.svelte

@@ -17,7 +17,7 @@
 <nav>
 	<a href="/">Home</a>
 	<a href="/about">About</a>
-	<a href="https://bsky.app/profile/amyt3a.bsky.social"
+	<a href="https://bsky.app/profile/amyt3a.bsky.social" aria-label="Link to my Bluesky account"
 		><svg fill="none" class="bsky" viewBox="0 0 64 57"
 			><path
 				fill="var(--rp-moon-pine)"

src/routes/blogs/blog.svelte

@@ -34,12 +34,9 @@
 	}
 
 	.title {
-		padding: 0 var(--d3) 0;
-		#display: table;
+		padding: var(--d3);
+		#margin: var(--d3) 0;
 		flex-wrap: row;
-		#height: 5rem;
-		margin-bottom: -12px;
-		#white-space: nowrap;
 	}
 
 	.title h1 {
@@ -74,8 +71,8 @@
 
 	.blog-text {
 		border-radius: var(--border-round);
-		background: var(--rp-moon-surface);
-		box-shadow: 0px 0px 0.5rem 0px hsl(from var(--rp-moon-pine) h calc(s * 0.5) calc(l * 0.25));
+		#background: var(--rp-moon-surface);
+		#box-shadow: 0px 0px 0.5rem 0px hsl(from var(--rp-moon-pine) h calc(s * 0.5) calc(l * 0.25));
 		padding: var(--d2) var(--d3) var(--d4);
 	}
 </style>

src/routes/blogs/style-blog.css

@@ -1,10 +0,0 @@
-.blog-text{
-    border-radius: 0.5rem;
-    background: var(--rp-moon-surface);
-    box-shadow: 0px 0px 1rem 0px hsl(from var(--rp-moon-base) h s calc(l * 0.85));
-    margin: -1rem;
-    padding: 1rem;
-}
-
-
-

src/routes/style.css

@@ -49,14 +49,14 @@ body {
 }
 
 code {
-    background: var(--rp-moon-base);
+    background: var(--rp-moon-surface) !important;
     padding: 3px;
     border-radius: 0.5rem;
     font-family: fira;
 }
 
 pre {
-    background: var(--rp-moon-base);
+    background: var(--rp-moon-surface) !important;
     border-radius: 0.5rem;
 }
 
@@ -79,7 +79,7 @@ h1,h2,h3,h4,p:first-child {
 
 
 nav {
-    margin-top: 1rem;
+    margin: var(--d3) 0 ;
 
     padding: 0 var(--d3) 0;
 
@@ -97,6 +97,7 @@ nav a{
     margin: 1rem;
     margin-left: 0rem;
     padding-left: 0rem;
+    border-bottom: solid var(--rp-moon-foam);
     color: var(--rp-moon-foam);
     #text-decoration: underline;
     &:visited {
@@ -105,8 +106,6 @@ nav a{
 }
 
 main {
-    #padding: 0 2rem 2rem;
-    margin-top: var(--d3);
     width: 100%;
     #box-shadow: 0px 0px 1rem 0px hsl(from var(--rp-moon-base) h s calc(l * 0.85));
 }