moar mobile adjustments

src/components/Centerpiece.astro

@@ -2,5 +2,5 @@
   <p class="font-bold lg:text-5xl text-4xl">
     Hiya! I'm <span class="text-transparent bg-clip-text from-pink-400 to-purple-600 bg-gradient-to-r">Artur</span> 👋
   </p>
-  <p class="font-medium lg:text-2xl text-xl mt-4">A laid-back software tinkerer.</p>
+  <p class="font-medium lg:text-2xl text-xl xl:mt-4 mt-3">A laid-back software tinkerer.</p>
 </div>

src/components/Heart.astro

@@ -1,4 +1,4 @@
-<svg class="fixed lg:-bottom-64 -bottom-72 lg:right-20 right-16 lg:w-48 w-32 fill-pink-400 opacity-50 -z-10" fill="#000000" height="800px" width="800px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
+<svg class="fixed xl:-bottom-64 -bottom-72 xl:right-20 right-11 xl:w-48 w-28 fill-pink-400 opacity-50 -z-10" fill="#000000" height="800px" width="800px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
 	 viewBox="0 0 490 490" xml:space="preserve">
 <path id="XMLID_25_" d="M316.554,108.336c4.553,6.922,2.629,16.223-4.296,20.774c-3.44,2.261-6.677,4.928-9.621,7.929
 	c-2.938,2.995-6.825,4.497-10.715,4.497c-3.791,0-7.585-1.427-10.506-4.291c-5.917-5.801-6.009-15.298-0.207-21.212

src/components/Icons.astro

@@ -2,7 +2,7 @@
 import { Icon } from "astro-icon";
 ---
 
-<div class="flex gap-x-3 mt-6">
+<div class="flex gap-x-3 xl:mt-6 mt-5">
   <a href="https://github.com/artiemis" target="_blank">
     <Icon name="mdi:github" />
   </a>