diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index db245a4..1f04992 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -59,12 +59,12 @@
     
 <div class="h-[calc(100%-8rem)] sm:h-[calc(100%-6rem)]"></div>
 
-<div class="backdrop-blur-md w-[calc(100%-2rem)] ml-4 pt-4 border-t-2 border-x-2 border-ctp-base hover:border-ctp-sky shadow-inner rounded-t-3xl" transition:fly={{
+<div class="backdrop-blur-md backdrop-brightness-75 w-[calc(100%-2rem)] ml-4 pt-4 border-t-2 border-x-2 border-ctp-surface1 hover:border-ctp-sky shadow-inner rounded-t-3xl" transition:fly={{
     duration: 1500, easing: cubicOut, y: 200, opacity: 0,
 }}>
     <div class="max-w-3xl mx-auto px-4 pt-2 sm:pt-4">
-        <header class="overflow-hidden">
-            <nav class="flex flex-col-reverse sm:flex-row justify-center sm:justify-between items-center sm:gap-4 text-lg max-w-full w-full px-4 overflow-y-auto text-nowrap">
+        <header>
+            <nav class="overflow-hidden flex flex-col-reverse sm:flex-row justify-center sm:justify-between items-center sm:gap-4 text-lg max-w-full w-full px-4 overflow-y-auto text-nowrap">
                 <div class="flex justify-center gap-4">
                     <a href={'https://github.com/'+data.github} target="_blank">github</a>
                     <a href={'https://discordapp.com/users/'+data.discord} target="_blank">discord</a>
@@ -74,7 +74,7 @@
                 </div>
                 <!-- svelte-ignore a11y_autofocus -->
                 <a href="/#abt" id="abt" class="text-center no-underline text-xl font-extrabold" autofocus>&uarr;</a>
-                <p class="text-center m-0 font-mono italic hidden sm:block">curl https://satr14.my.id</p>
+                <p class="text-center m-0 font-mono italic hidden md:block">curl https://satr14.my.id</p>
             </nav>
         </header>
         
@@ -87,7 +87,7 @@
                 </i></p>
                 <p class="flex flex-wrap gap-2 text-sm">
                     {#each data.skills as skill}
-                        <a href={'https://google.com/search?q='+skill} target="_blank" class="bg-ctp-surface0 text-ctp-text hover:bg-ctp-base px-2 py-1 rounded-full no-underline text-xs sm:text-sm">{skill}</a>
+                        <span class="bg-ctp-surface0 text-ctp-text px-2 py-1 rounded-full no-underline text-xs sm:text-sm">{skill}</span>
                     {/each}
                 </p>
                 <p class="flex flex-wrap gap-1">