Minor accessibility changes

Author: nab138

src/pages/Project.css

@@ -13,8 +13,9 @@
   margin-bottom: 0;
 }
 
-.project-header h3 {
+.project-header h2 {
   margin-top: 0;
+  font-size: larger;
 }
 
 .project-content {

src/pages/Project.tsx

@@ -56,7 +56,7 @@ export default function Project() {
           className="link"
           onClick={() => navigate(isMini ? "/mini-projects" : "/projects")}
         >
-          <h3>{isMini ? "Mini" : "All"} Projects</h3>
+          <h2>{isMini ? "Mini" : "All"} Projects</h2>
         </button>
       </div>
       <div className="project-content">

src/pages/Projects.css

@@ -11,8 +11,9 @@
   margin-top: 1.5rem;
   margin-bottom: 0;
 }
-.projects-header h3 {
+.projects-header h2 {
   margin-top: 0;
+  font-size: larger;
 }
 .projects-content {
   display: flex;

src/pages/Projects.tsx

@@ -95,7 +95,7 @@ export default function Projects() {
       <div className="projects-header">
         <h1>{isMini ? "Mini" : "My"} Projects</h1>
         <button className="link" onClick={() => navigate("/")}>
-          <h3>Back to home</h3>
+          <h2>Back to home</h2>
         </button>
       </div>
       <div className="projects-content">