Fixed background and perfected heart thingy

src/app/page.tsx

@@ -170,9 +170,11 @@ export default function App() {
 
         <motion.section
           className="mt-4"
-          initial={{ opacity: 0 }}
-          whileInView={{ opacity: 1 }}
+          variants={fadeInUp}
+          initial="hidden"
+          animate="show"
         >
+          <motion.div variants={fadeInUp}>
             <GitHubCalendar
               // hideTotalCount
               username="selimaj-dev"
@@ -193,6 +195,7 @@ export default function App() {
                 ],
               }}
             />
+          </motion.div>
         </motion.section>
 
         {/* FOOTER */}
@@ -205,10 +208,10 @@ export default function App() {
           >
             If you see this i{" "}
             <motion.span
-              animate={{ scale: [1, 1.2, 1] }}
-              transition={{ repeat: Infinity, duration: 1.3 }}
+              animate={{ scale: [1, 1.16, 1] }}
+              transition={{ repeat: Infinity, duration: 1.0 }}
             >
-              <HeartIcon className="size-4" />
+              <HeartIcon className="size-4 text-slate-300" />
             </motion.span>{" "}
             you
           </motion.p>

src/components/Background.tsx

@@ -16,7 +16,7 @@ export default function Background({
         }}
       />
 
-      <div className="relative z-50 overflow-y-scroll">{children}</div>
+      <div className="relative z-50 overflow-y-scroll overflow-x-hidden">{children}</div>
     </div>
   );
 }