diff --git a/.DS_Store b/.DS_Store
index 5008ddf..2a0e265 100644
Binary files a/.DS_Store and b/.DS_Store differ
diff --git a/about.html b/about.html
index ababf44..744f41f 100644
--- a/about.html
+++ b/about.html
@@ -18,7 +18,7 @@
 <body class="bg-black text-white mx-auto max-w-2xl my-6 ubuntu-regular p-4 gradient">
   <!-- ______________________________________________________________ -->
   <nav class="flex justify-between items-center">
-    <a href="./index.html" class="glow"><img src="./avatar.png" alt="avatar" width={30} height={30}
+    <a href="./index.html" class="glow"><img src="./avatar.webp" alt="avatar" width={30} height={30}
         class="w-10 h-10" /></a>
     <div class="flex gap-6 text-md text-slate-400 ">
       <a href="./index.html" class="hover:text-[#ffce00]">Home</a>
diff --git a/android-chrome-192x192.png b/android-chrome-192x192.png
deleted file mode 100644
index 57160e4..0000000
Binary files a/android-chrome-192x192.png and /dev/null differ
diff --git a/android-chrome-512x512.png b/android-chrome-512x512.png
deleted file mode 100644
index a8ed44c..0000000
Binary files a/android-chrome-512x512.png and /dev/null differ
diff --git a/apple-touch-icon.png b/apple-touch-icon.png
deleted file mode 100644
index 9dfc4a7..0000000
Binary files a/apple-touch-icon.png and /dev/null differ
diff --git a/avatar.png b/avatar.png
deleted file mode 100644
index 20bca7c..0000000
Binary files a/avatar.png and /dev/null differ
diff --git a/avatar.webp b/avatar.webp
new file mode 100644
index 0000000..7aa0e3a
Binary files /dev/null and b/avatar.webp differ
diff --git a/featured.html b/featured.html
index 7cc51f8..37b9d37 100644
--- a/featured.html
+++ b/featured.html
@@ -18,7 +18,7 @@
 <body class="bg-black text-white mx-auto max-w-2xl my-6 ubuntu-regular p-4 gradient">
   <!-- ______________________________________________________________ -->
   <nav class="flex justify-between items-center">
-    <a href="./index.html" class="glow"><img src="./avatar.png" alt="avatar" width={30} height={30}
+    <a href="./index.html" class="glow"><img src="./avatar.webp" alt="avatar" width={30} height={30}
         class="w-10 h-10" /></a>
     <div class="flex gap-6 text-md text-slate-400 ">
       <a href="./index.html" class="hover:text-[#ffce00]">Home</a>
diff --git a/index.html b/index.html
index c0bca42..89787cd 100644
--- a/index.html
+++ b/index.html
@@ -2,6 +2,7 @@
 <html lang="en" class="min-h-full">
 
 <head>
+  <script src="https://cdn.tailwindcss.com"></script>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
@@ -11,14 +12,13 @@
   <link rel="manifest" href="./site.webmanifest">
   <link rel="stylesheet" href="cum.css">
   <title>Klectr | Home</title>
-  <script src="https://cdn.tailwindcss.com"></script>
 </head>
 
 
 <body class="bg-black text-white mx-auto max-w-2xl my-6 ubuntu-regular p-4 gradient">
   <!-- ______________________________________________________________ -->
   <nav class="flex justify-between items-center">
-    <a href="./index.html" class="glow"><img src="./avatar.png" alt="avatar" width={30} height={30}
+    <a href="./index.html" class="glow"><img src="./avatar.webp" alt="avatar" width={30} height={30}
         class="w-10 h-10" /></a>
     <div class="flex gap-6 text-md text-slate-400 ">
       <a href="" class="hover:text-[#ffce00] border-b border-[#ffce00]">Home</a>
@@ -42,7 +42,7 @@
     <p class="text-slate-400">Senior Software Engineer</p>
 
     <div class="my-6 flex gap-6 ">
-      <img src="./avatar.png" alt="avatar" width={20} height={20} class="w-40 h-40" />
+      <img src="./avatar.webp" alt="avatar" width={20} height={20} class="w-40 h-40" />
       <div class="flex flex-col text-slate-400 gap-2 hover:text-slate-600">
         <a href="https://git.tristonarmstrong.com" class="flex gap-2 hover:text-[#ffce00]" target="_blank">
           <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
diff --git a/now.html b/now.html
index 8b9707c..09964cf 100644
--- a/now.html
+++ b/now.html
@@ -18,7 +18,7 @@
 <body class="bg-black text-white mx-auto max-w-2xl my-6 ubuntu-regular p-4 gradient">
   <!-- ______________________________________________________________ -->
   <nav class="flex justify-between items-center">
-    <a href="./index.html" class="glow"><img src="./avatar.png" alt="avatar" width={30} height={30}
+    <a href="./index.html" class="glow"><img src="./avatar.webp" alt="avatar" width={30} height={30}
         class="w-10 h-10" /></a>
     <div class="flex gap-6 text-md text-slate-400 ">
       <a href="./index.html" class="hover:text-[#ffce00]">Home</a>
