diff --git a/public/ashley.webp b/public/ashley.webp
new file mode 100644
index 0000000..0309630
Binary files /dev/null and b/public/ashley.webp differ
diff --git a/public/vee.png b/public/vee.png
new file mode 100644
index 0000000..19c4d23
Binary files /dev/null and b/public/vee.png differ
diff --git a/src/components/Friendbutton.astro b/src/components/Friendbutton.astro
index c8765b3..b87f351 100644
--- a/src/components/Friendbutton.astro
+++ b/src/components/Friendbutton.astro
@@ -8,7 +8,7 @@ const { website, image, name }=Astro.props
 
 <style>
 .image{border-radius: 100%;
- width: 6%;
+ width: 8%;
  }
  a{text-decoration: none;}
  .image:hover {
diff --git a/src/components/friends.astro b/src/components/friends.astro
index cca53b9..a1a9bdc 100644
--- a/src/components/friends.astro
+++ b/src/components/friends.astro
@@ -3,9 +3,9 @@ import FriendButton from "../components/Friendbutton.astro"
 ---
 <section id="Friends">
     <h2>Friends Sites!</h2>
-    <span class="friends">
+    <span>
         <FriendButton website="https://ashleygraves.eu/" image="https://dp.nea.moe/avatar/836177139798638592.png" title="Ashley"/>
-        <FriendButton website=" https://pandaptable.moe" image="/nemmy.gif" title="Nemmy"/>
+        <FriendButton website=" https://pandaptable.moe" image="/public/nemmy.gif" title="Nemmy"/>
        <FriendButton website="https://tiramisu.gay/" image=" https://dp.nea.moe/avatar/1215758862444007465.png" title="Tiramisu"/>
        <FriendButton website="Https://vendicated.dev/" image=" https://dp.nea.moe/avatar/343383572805058560.png" title="Vee"/>
        <FriendButton website="https://zoey-on-github.github.io/" image=" https://dp.nea.moe/avatar/696593747353534544.png" title="Julie"/>
@@ -14,13 +14,5 @@ import FriendButton from "../components/Friendbutton.astro"
        <FriendButton website="https://exhq.dev" image=" https://dp.nea.moe/avatar/712639419785412668.png" title="Echo"/>
        <FriendButton website=" https://instellate.xyz/" image=" https://dp.nea.moe/avatar/565197576026980365.png" title="Instellate"/>
        <FriendButton website=" https://blahai.gay/" image=" https://dp.nea.moe/avatar/381494697073573899.png" title="blahai"/>
-       <FriendButton website=" https://f53.dev/" image=" https://dp.nea.moe/avatar/280411966126948353.png" title="F53"/>
     </span>
-</section>
-<style>
-    .friends {margin:17rem;
-Display: flex
-Flex wrap: wrap
-Justify content: center
-Gap: 0.5rem}
-</style>
\ No newline at end of file
+</section>
\ No newline at end of file
diff --git a/src/components/navbutton.svelte b/src/components/navbutton.svelte
index 268098c..8351e9e 100644
--- a/src/components/navbutton.svelte
+++ b/src/components/navbutton.svelte
@@ -17,5 +17,5 @@
  .navbutton {
 	
  }
- 
+ .fri
 </style>
\ No newline at end of file
diff --git a/src/styles/global.css b/src/styles/global.css
index 678409e..6f2ba3f 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -9,8 +9,8 @@ font-weight: 400;
   body {
     margin: 0 auto;
     width: 100%;
-    max-width:auto;
-    padding: 2rem;
+    max-width: 80ch;
+    padding: 1rem;
     line-height: 1.5;
   }
   
@@ -22,27 +22,12 @@ font-weight: 400;
   
   h1 {
     margin: 1rem 0;
-    font-size: 3.5rem;
-text-align: center;
-max-width: auto;
+    font-size: 2.5rem;
   }
-  h2 {text-align: center;
-  max-width: auto;
-font-size: 2.5rem;}
   footer { 
     text-align: center;
     background-color: orange;
     padding: 0.02rem;
-    width: auto;
-}
-header {
-  margin: 0 auto;
-    width: auto;
-    max-width: auto;
-    padding: 1rem;
-    line-height: 1.5;
- text-align:center;
-    font-size: 1rem;
 }
   
   /* nav styles */
@@ -90,7 +75,7 @@ header {
   .navbutton {
     border-radius: 30%;
     background: orange;
-    border-width: px;
+    border-width: 3px;
   }
   .navbutton:hover, .navbutton:active
 {