<div
  class="card bg-[#212121] rounded-[15px] text-white font-monospace text-sm flex flex-col gap-[5px] w-fit px-[25px] py-[25px]"
>
  <div class="line flex gap-[15px]">
    <p class="number text-white/20 w-[20px] text-right">1</p>
    <p class="code">
      <span class="text-[#ff79c6]">public static object</span>
      <span class="text-[#50fa7b]">GetPersonalInfo</span
      ><span class="text-[#8be9fd]">()</span>
    </p>
  </div>
  <div class="line flex gap-[15px]">
    <p class="number text-white/20 w-[20px] text-right">2</p>
    <p class="code"><span class="text-[#8be9fd]">{</span></p>
  </div>
  <div class="line flex gap-[15px]">
    <p class="number text-white/20 w-[20px] text-right">3</p>
    <p class="code ml-[30px]"><span class="text-[#ff79c6]">return new</span></p>
  </div>
  <div class="line flex gap-[15px]">
    <p class="number text-white/20 w-[20px] text-right">4</p>
    <p class="code ml-[30px]"><span class="text-[#50fa7b]">{</span></p>
  </div>
  <div class="line flex gap-[15px]">
    <p class="number text-white/20 w-[20px] text-right">5</p>
    <p class="code ml-[60px]">
      Nickname <span class="text-[#ff79c6]">=</span>
      <span class="text-[#f1fa8c]">"kameHame HA"</span>,
    </p>
  </div>
  <div class="line flex gap-[15px]">
    <p class="number text-white/20 w-[20px] text-right">6</p>
    <p class="code ml-[60px]">
      Hobbies <span class="text-[#ff79c6]">= new</span>
      <span class="text-[#8be9fd] italic">List</span>&lt;<span
        class="type text-[#ff79c6]"
      ></span
      >&gt;
    </p>
  </div>
  <div class="line flex gap-[15px]">
    <p class="number text-white/20 w-[20px] text-right">7</p>
    <p class="code ml-[90px]">
      <span class="text-[#bd93f9]">{</span>
      <span class="text-[#f1fa8c]"
        >"Coding"<span class="text-white">,</span> "Building simple
        electronics"<span class="text-white">,</span> "3D Printing"</span
      >
      <span class="text-[#bd93f9]">}</span>,
    </p>
  </div>
  <div class="line flex gap-[15px]">
    <p class="number text-white/20 w-[20px] text-right">8</p>
    <p class="code ml-[60px]">
      Languages <span class="text-[#ff79c6]">= new</span>
      <span class="text-[#8be9fd] italic">List</span>&lt;<span
        class="type text-[#ff79c6]"
      ></span
      >&gt;
    </p>
  </div>
  <div class="line flex gap-[15px]">
    <p class="number text-white/20 w-[20px] text-right">9</p>
    <p class="code ml-[90px]">
      <span class="text-[#bd93f9]">{</span>
      <span class="text-[#f1fa8c]"
        >"Polish (native)"<span class="text-white">,</span> "English B2+"</span
      >
      <span class="text-[#bd93f9]">}</span>,
    </p>
    <p></p>
  </div>
  <div class="line flex gap-[15px]">
    <p class="number text-white/20 w-[20px] text-right">10</p>
    <p class="code ml-[60px]">Bio <span class="text-[#ff79c6]">=</span></p>
  </div>
  <div class="line flex gap-[15px]">
    <p class="number text-white/20 w-[20px] text-right">11</p>
    <p class="code ml-[90px]">
      <span class="text-[#f1fa8c]">"I create stuff, every time"</span>
      <span class="text-[#ff79c6]">+</span>
    </p>
  </div>
  <div class="line flex gap-[15px]">
    <p class="number text-white/20 w-[20px] text-right">12</p>
    <p class="code ml-[90px]">
      <span class="text-[#f1fa8c]"
        >"from the scratch just to learn sht new"</span
      >
    </p>
  </div>
  <div class="line flex gap-[15px]">
    <p class="number text-white/20 w-[20px] text-right">13</p>
    <p class="code ml-[30px]"><span class="text-[#50fa7b]">}</span>;</p>
  </div>
  <div class="line flex gap-[15px]">
    <p class="number text-white/20 w-[20px] text-right">14</p>
    <p class="code"><span class="text-[#8be9fd]">}</span></p>
  </div>
</div>