---
import Socialsbutton from "../components/socialsbutton.astro"
---

<div class="social">
    Discord 
    <a><img width=40rem class="socialimage" title="" src="/discord.svg"></a>
     
       <span class="Button">
        <Socialsbutton link="https://discord.com/users/334833943838720000" text="twinkcord" />
       </span>
   </div>
   <div class="social">
    Possum.city
    <a><img width=40rem class="socialimage" src="https://cdn.possum.city/logo.svg"></a>

        <span class="Button">
            <Socialsbutton link="https://possum.city/@Rasis" text="@Rasis" />
        </span>
   </div>
   <div class="social">
    Telegram 
    <a><img width=40rem class="socialimage" title="" src="/telegram.svg"></a>
       
       <span class="Button">
       <Socialsbutton link="https://t.me/stellalunaelh" text="stellalunaelh" />
       </span>
   </div>
   <div class="social">
     Signal
    <a><img width=40rem class="socialimage" title="" src="/signal.svg"></a>
    
       <span class="Button">
       <Socialsbutton link="https://signal.me/#eu/G7k6FtcMnN0g_A_UU6m40wTXf8cpyQ5d2Z2F8iW-ZkEK94_KhD9Fr5TTT_P3PDK5" text="stellaluna.69" />
       </span>
   </div>
   <div class="social">
 lastfm 
 <a><img width=40rem class="socialimage" title="" src="/lastfm.svg"></a>
    
    <span class="Button">
    <Socialsbutton link="https://www.last.fm/user/Orobotalos" text="orobotalos" />
    </span>
</div>
   <div class="social">
    git.lgbt
    <a><img width=40rem class="socialimage" title="" src="/git.svg"></a>
     
       <span class="Button">
       <Socialsbutton link="https://git.lgbt/elh" text="elh" />
       </span>
   </div>
<style>
    .social {
        display: flex;
        margin: 0.5rem;
        gap:0.75rem;
        margin-top:2rem;
  flex-wrap: wrap;
  justify-content:center;
    }
    .Button  {
        margin: 0.5rem;
        margin-top:0.5rem;
margin-bottom: 1rem;
        display: flex;
  flex-wrap: wrap;
  justify-content:center;   }

</style>