Front end stuff for mobile & page when not signed in.

src/components/ui/TT_Header.tsx

@@ -2,12 +2,14 @@ import Image from "next/image";
 
 export default function TT_Header() {
   return (
-    <header className="w-full py-5">
-      <div className="flex flex-row items-center text-center justify-center p-8">
+    <header className="w-full py-2 pt-6 md:py-5">
+      <div className="flex flex-row items-center text-center sm:justify-center
+        ml-4 sm:ml-0 p-4">
         <Image src="/images/tech_tracker_logo.png"
           alt="Tech Tracker Logo" width={100} height={100}
+          className="max-w-[40px] md:max-w-[120px]"
         />
-        <h1 className="title-text text-8xl font-bold pl-12
+        <h1 className="title-text text-sm md:text-4xl lg:text-8xl font-bold pl-2 md:pl-12
           bg-gradient-to-r from-[#bec8e6] via-[#F0EEE4] to-[#FFF8E7]
           text-transparent bg-clip-text">
           Tech Tracker