diff --git a/README.md b/README.md
index a300f1d..3b5ddc9 100644
--- a/README.md
+++ b/README.md
@@ -5,7 +5,7 @@ This site contains information relating to my personal situation, however, you a
 ## Screenshots
 
 <p align="center">
-  <img src="assets/images/main_page.png" width="40%">
+  <img src="assets/images/main.png" width="40%">
   <img src="assets/images/light_mode.png" width="40%">
 </p>
 
@@ -25,17 +25,20 @@ Get starting but installing all of the dependencies of the project.
 
 ```bash
 npm install
+
 ```
 
 Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
 
 ```bash
 npm run dev
+
 ```
 
 ```bash
 # or start the server and open the app in a new browser tab
 npm run dev -- --open
+
 ```
 
 ## Building
@@ -45,6 +48,7 @@ To create a production version of the app:
 ```bash
 npm run build
 
+
 ```
 
 You can preview the production build with `npm run preview`.
diff --git a/assets/images/contact.png b/assets/images/contact.png
index fedd1dc..9f7ab1d 100644
Binary files a/assets/images/contact.png and b/assets/images/contact.png differ
diff --git a/assets/images/experience.png b/assets/images/experience.png
index a5e5991..3d87e27 100644
Binary files a/assets/images/experience.png and b/assets/images/experience.png differ
diff --git a/assets/images/light_mode.png b/assets/images/light_mode.png
index 279460d..2989311 100644
Binary files a/assets/images/light_mode.png and b/assets/images/light_mode.png differ
diff --git a/assets/images/main.png b/assets/images/main.png
index 23909c9..dc6678f 100644
Binary files a/assets/images/main.png and b/assets/images/main.png differ
diff --git a/assets/images/main_page.png b/assets/images/main_page.png
deleted file mode 100644
index 23909c9..0000000
Binary files a/assets/images/main_page.png and /dev/null differ
diff --git a/assets/images/repos.png b/assets/images/repos.png
index 06d8150..7276af4 100644
Binary files a/assets/images/repos.png and b/assets/images/repos.png differ
diff --git a/assets/images/skills.png b/assets/images/skills.png
index b02f645..faf94bc 100644
Binary files a/assets/images/skills.png and b/assets/images/skills.png differ
diff --git a/src/lib/components/Timeline.svelte b/src/lib/components/Timeline.svelte
index 3b18298..ab0ee3b 100644
--- a/src/lib/components/Timeline.svelte
+++ b/src/lib/components/Timeline.svelte
@@ -13,7 +13,7 @@
     {#each timelineData as entry, i}
       <div class="relative border-l border-gray-700 pl-8 pb-12">
         {#if i == 0}
-        <div class="absolute top-0 left-[8px] text-green-400 w-4 h-4">&diams;</div>
+          <div class="absolute top-0 left-[8px] text-green-400 w-4 h-4">&diams;</div>
         {:else}
           <div class="absolute top-0 left-[8px] text-green-400 w-4 h-4">&diam;</div>
         {/if}
diff --git a/src/lib/types.d.ts b/src/lib/types.d.ts
deleted file mode 100644
index e69de29..0000000
diff --git a/src/main.svelte b/src/main.svelte
index c809b2e..29b19fb 100644
--- a/src/main.svelte
+++ b/src/main.svelte
@@ -47,6 +47,7 @@
             {#each info.skills as skill}
                 <Card containerStyle="opacity-100 hover:opacity-100 hover:scale-[105%] md:opacity-70 transition-all duration-300">
                     <h2 slot="headerLeft">{skill.name}</h2>
+                    <i slot="headerRight" class="text-slate-300 text-5xl {skill.logo}"></i>
                     <div slot="content">
                         <Collapsible>
                             <span slot="label" class="text-lg">About {skill.name}</span>