---
import FriendButton from "../components/Friendbutton.astro"
---
<section id="Friends">
    <h2>Friends Sites!</h2>
    <span class="friends">
       <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://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"/>
       <FriendButton website="https://alphexo.dev/" image="koi.png" title="Alphexo"/>
       <FriendButton website="https://viggy.moe" image="/soda.webp" title="Creamsoda"/>
       <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"/>
       <FriendButton website=" https://google.com" image=" https://dp.nea.moe/avatar/558481110330507294.png" title="Rosie"/>
       <FriendButton website=" https://ashley0143.xyz//" image=" https://dp.nea.moe/avatar/396571938081865741.png" title="Ashley"/>
       <FriendButton website="https://rozbrajacz.futbol/" image=" https://dp.nea.moe/avatar/455435762981273630.png" title="Rozbrajacz"/>
       <FriendButton website="https://byeoon.github.io//" image=" https://dp.nea.moe/avatar/1167275288036655133.png" title="Byeoon"/>
       <FriendButton website="https://krstlskll69.github.io/" image=" https://dp.nea.moe/avatar/929208515883569182.png" title="Krystal"/>
       <FriendButton website="https://catboys.zip/" image=" https://dp.nea.moe/avatar/734079736615141426.png" title="Potato"/>
    </span>
</section>
<style>
.friends {
  margin: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  image { width: 5rem; }
  
}

</style>