site spacing & formatting changes

src/components/box/Box.css

···
 .box{
     display: block;
     border: 1px solid #212121;
-    width: 20em;
+    width: 23em;
     height: 6em;
     margin-right: 3em;
     margin-top: 1em;
···
 
 .boxHeader{
     color: #212121;
-    font-size: 1.5rem;
+    font-size: 1.3rem;
     font-weight: 400;
     padding: 0px;
     margin: 5px;

src/components/header/Header.css

···
 
 }
 
+.header a {
+    color:#212121;
+    margin:1em;
+    margin-left: 0px;
+}
+
+.header a:hover{
+    color:#ff2467;
+}

src/components/header/Header.tsx

···
             <h1 className="headerName">Daniel Daum</h1>
             <p className="headerBio">Intelligence analyst, student, aspiring software engineer</p>
             
+            <a href="https://github.com/daniel-daum/">Github</a>
+            <a href="https://www.linkedin.com/in/daniel-daum-189151203/">Linkedin</a>
             
             
            

src/components/intbox/IntBox.css

···
 .intbox{
     display: block;
     border: 1px solid #212121;
-    width: 20em;
+    width: 23em;
     height: 6em;
     margin-right: 3em;
     margin-top: 1em;
···
 
 .intboxHeader{
     color: #212121;
-    font-size: 1.5rem;
+    font-size: 1.3rem;
     font-weight: 400;
     padding: 0px;
     margin: 5px;

src/components/nav/Navbar.css

···
     font-size: .75rem;
     text-decoration: none;
     color: #212121;
-    /* #3c3e40 */
-    /*  */
 }
 
 .nav a:hover{

src/components/routes/home/Home.tsx

···
 
             <div className='container'>
                 <IntBox header='myFitness Manager' description='USAF fitness management platform' link='/comingsoon' />
-                <Box header='Citation Builder' description='A workplace citation generator for specific requirements' link='https://github.com/daniel-daum/citation_builder' />
+                <Box header='Citation Builder' description='A citation generator for specific workplace requirements' link='https://github.com/daniel-daum/citation_builder' />
             </div>
 
             <Section header="Digital Garden" description="a place for my ideas to grow" />
 
             <div className='container'>
-                <IntBox header='Changing Careers' description="coming soon" link='/comingsoon'/>
                 <IntBox header='Tools I Use' description="coming soon" link='/comingsoon'/>
-                <IntBox header="Dream Home & Data" description="coming soon" link='/comingsoon'/>
+                <IntBox header="Create a React-Typescript Project" description="coming soon" link='/comingsoon'/>
             </div>
 
             <a className="source1" href="https://github.com/daniel-daum/daniel-daum.github.io">

src/components/section/Section.css

···
 
 .section{
     margin-bottom: 1.5em;
-    margin-top: 6em;
+    margin-top: 5em;
 }
 
 .sectionHeader{