mobile-friendly view and scss->sass

src/nav/Links.tsx

@@ -1,14 +1,13 @@
 import {Link} from "../router/Link";
-import {motion} from "framer-motion";
 import {ROUTES} from "../router/Route";
 import ResumePdf from "../img/resume.pdf";
+import {motion} from "motion/react";
 
 export function Links() {
 
   return <div className="links">
-    <Spacers length={ROUTES.length + 1} />
     <Link href="/" className="name">
-      <motion.h1 className="name">Tymur Arsentiev</motion.h1>
+      <motion.h1>Tymur Arsentiev</motion.h1>
     </Link>
     {
       ROUTES.map(([path, name]) =>
@@ -21,13 +20,4 @@ export function Links() {
       <h3>Resume</h3>
     </Link>
   </div>
-}
-
-function Spacers(props: {length: number}) {
-  const spacers = [];
-  for (let i = 0; i < props.length; i++) {
-    spacers.push(<div key={i}/>);
-  }
-
-  return spacers;
 }