const AboutSummary = () => {
  return (
    <div
      id="who-am-i"
      className="flex flex-col items-center justify-center gap-4 p-4 rounded w-full"
    >
      <h3 className="mt-4 mb-2 text-5xl font-bold tracking-tight text-white">
        Who am I? 🤔
      </h3>
      <section className="prose text-white md:prose-lg lg:prose-xl max-w-3xl mx-auto">
        <p>
          Hi, my name is Gabriel Kaszewski - I&apos;m a Bioinformatics graduate
          🧬 and a self-taught full-stack developer 💻. I love creating software
          that resolves complex problems, and my most ambitious project yet is
          my first game. Take a look at the Steam preview below and consider
          adding it to your wishlist!
        </p>

        <div className="w-full max-w-full aspect-[646/190] mx-auto not-prose">
          <iframe
            className="w-full h-full"
            src="https://store.steampowered.com/widget/3575090/"
          ></iframe>
        </div>

        <p>
          My journey with programming started when I was 11 🚀. I love solving
          problems and creating software that resolves them 👨‍💻.
        </p>
        <p>
          Currently, I am working as a Python Developer at digimonkeys.com 🐒.
          In my free time I like to read about new technologies and work on my
          projects 📚.
        </p>
      </section>
    </div>
  );
};

export default AboutSummary;
