diff --git a/src/components/icon.svelte b/src/components/icon.svelte
index 866c605..9f5d66c 100644
--- a/src/components/icon.svelte
+++ b/src/components/icon.svelte
@@ -2,8 +2,6 @@
   export let perLink;
   export let profileName;
 
-  console.log(perLink)
-
   function handleClick(event){
     gtag('event', 'view_item', {
       'event_category' : 'Links',
diff --git a/src/layouts/main.astro b/src/layouts/main.astro
index b2ffd38..1714f2c 100644
--- a/src/layouts/main.astro
+++ b/src/layouts/main.astro
@@ -4,7 +4,7 @@ import '../styles/base.css';
 
 const profileName = profileData.name;
 
-const { frontmatter, title: titleProp, description: descriptionProp } = Astro.props;
+const { frontmatter, title: titleProp, description: descriptionProp, blog } = Astro.props;
 ---
 <html lang="en">
 	<head>
@@ -51,7 +51,7 @@ const { frontmatter, title: titleProp, description: descriptionProp } = Astro.pr
 		</script>
 	</head>
 
-	<body class="bg-white dark:bg-gray-900">
+	<body class={`bg-white dark:bg-gray-900`}>
 		<header class="w-full flex flex-col justify-center items-center pt-10 ">
 			<img
 				class="w-1/3 md:w-52 rounded-full border-4 border-gray-900 dark:border-white aspect-square"
@@ -72,7 +72,7 @@ const { frontmatter, title: titleProp, description: descriptionProp } = Astro.pr
 			<p class="font-mono text-center text-l my-4 sm:mt-4 sm:mb-0 mx-auto w-11/12 max-w-5xl tracking-wide dark:text-white">{profileData.description}</p>
 			<a href="/main.vcf" target="_blank" rel="noopener" class="md:hidden"><button class="mt-4 p-4 bg-black text-white dark:text-black dark:bg-white border-2 border-black rounded-md font-bold uppercase tracking-wide">Agregar a Contactos</button></a>
 		</header>
-		<main class="font-mono text-l my-16 sm:mb-8 mx-auto w-11/12 max-w-5xl tracking-wide dark:text-white">
+		<main class={`font-mono text-l my-16 sm:mb-8 mx-auto w-11/12 max-w-5xl tracking-wide dark:text-white ${blog || frontmatter ? "blog": ""}`}>
 			<slot/>
 		</main>
 		<footer class="px-3 py-8">
diff --git a/src/pages/blog.astro b/src/pages/blog.astro
index e2de80c..c72e562 100644
--- a/src/pages/blog.astro
+++ b/src/pages/blog.astro
@@ -2,7 +2,7 @@
 import MainLayout from "../layouts/main.astro";
 ---
 
-<MainLayout title="Recent Blog Entries" description="List of my most resent blog entries.">
+<MainLayout title="Recent Blog Entries" description="List of my most resent blog entries." blog={true}>
   <h1 class="text-4xl">Recent Blog Entries</h1>
   <div class="grid grid-cols-2 md:grid-cols-4">
 
diff --git a/src/styles/base.css b/src/styles/base.css
index 94b81eb..42f5258 100644
--- a/src/styles/base.css
+++ b/src/styles/base.css
@@ -4,39 +4,39 @@
 @tailwind utilities;
 
 @layer components {
-  main h1 {
+  main.blog h1 {
     @apply text-4xl font-bold mb-8 text-center uppercase;
   }
 
-  main h2 {
+  main.blog h2 {
     @apply text-2xl font-bold mb-8 uppercase;
   }
 
-  main h3 {
+  main.blog h3 {
     @apply text-xl font-bold mb-8;
   }
 
-  main h4 {
+  main.blog h4 {
     @apply text-sm font-bold mb-8 uppercase;
   }
 
-  main ol {
+  main.blog ol {
     @apply list-decimal mb-8 ml-8;
   }
 
-  main li:not(:last-child) {
+  main.blog li:not(:last-child) {
     @apply mb-4;
   }
 
-  main a {
+  main.blog a {
     @apply text-green-500;
   }
 
-  main p {
+  main.blog p {
     @apply mb-8;
   }
 
-  main img {
+  main.blog img {
     @apply w-full mb-8 aspect-[5/2] object-cover;
   }
 }
\ No newline at end of file
