diff --git a/src/routes/blogs/blog.svelte b/src/routes/blogs/blog.svelte
index 829793f..5e11985 100644
--- a/src/routes/blogs/blog.svelte
+++ b/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>
diff --git a/src/routes/blogs/style-blog.css b/src/routes/blogs/style-blog.css
deleted file mode 100644
index 3dfd4d9..0000000
--- a/src/routes/blogs/style-blog.css
+++ /dev/null
@@ -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;
-}
-
-
-
diff --git a/src/routes/style.css b/src/routes/style.css
index 23b0ec1..4dff96f 100644
--- a/src/routes/style.css
+++ b/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));
 }