fixed links

about.html

@@ -103,7 +103,7 @@ <h4>Weaknesses: </h4>
         <div>
             <h2 class="recog_header">A look into my life</h2>
         </div>
-        <div class="recognitions">
+<!--         <div class="recognitions">
             <div class="recog_grid">
                 <div class="recog_grid_items">"Mountaineering"</div>
                 <div class="recog_grid_items">"EMT"</div>
@@ -121,13 +121,13 @@ <h2 class="recog_header">A look into my life</h2>
                 <div class="recog_grid_items">"Dockers"</div>
                 <div class="recog_grid_items">"Don't Click Me"</div>
             </div>
-        </div>
+        </div> -->
         <div class="my_story">
             <h2>My Story:</h2>
             <p class="my_story_p"> I grew up ihn Northampton, Mass. Moved to Vermont to work as a Ski Patroller and fell in love with the beauty of the state. I moved to Arizona to explore and rock climb, then to Tennessee to get certified in Hang Gliding and eventually to Utah to Ski Patrol at a bigger mountain and work with avalanche mitigation as well as work with some amazing Chefs while there. I finally wanted to settle down and came back to Vermont, bought a house, had a son and went back to school. It's been quite a journey.
+                <a class="hire_btn"><span>Hire Me</span></a>
             </p>
             <img id="profile_img" src="./resources/me_and_dog.jpg" alt="Handsome Redhead">
-            <a class="hire_btn"><span>Hire Me</span></a>
         </div>
         <div class="background"></div>
     </body>

index.html

@@ -145,7 +145,7 @@ <h1>&bullet; LET'S WORK TOGETHER &bullet;</h1>
                 <ul class="nav_social_icons">
                     <li><a href="www.linkedin.com/in/brett-ferrante-111948152" class="linkdn"> <i class="fa-brands fa-linkedin"></i></a></li>
                     <li><a href="https://github.com/findthelorax" class="github"> <i class="fa-brands fa-github"></i></a></li>
-                    <li><a href="" class="mail"> <i class="fa-solid fa-envelope"></i></a></li>
+                    <li><a href="mailto:[email protected]" class="mail"> <i class="fa-solid fa-envelope"></i></a></li>
                 </ul>
             </div>
         </footer>

styles.css

@@ -239,7 +239,7 @@ section {
     /* margin to center grid */
     min-height: 666px;
     max-height: max-content;
-    margin: 0 8%;
+    margin: 0 30%;
 }
 .skills_header {
     text-transform: uppercase;
@@ -335,7 +335,8 @@ section {
     font-family: "PressStart";
     font-size: 13px;
     line-height: 1.5rem;
-    margin-bottom: 100px;
+    max-width: 1000px;
+    margin: 100px 0px 100px 25%;
     transform: rotate(5deg);
     border: 1px solid rgba(255, 255, 255, .25);
     border-radius: 20px;
@@ -361,6 +362,9 @@ section {
 .yo-yo {
     width: 50px;
 }
+.weaknesses {
+    color: rgb(255, 0, 0);
+}
 .about_grid_items {
     color: #FFC600;
     text-shadow: 2px 2px 2px black;