resume icon addition in progress

assets/file-solid.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M0 64C0 28.7 28.7 0 64 0L224 0l0 128c0 17.7 14.3 32 32 32l128 0 0 288c0 35.3-28.7 64-64 64L64 512c-35.3 0-64-28.7-64-64L0 64zm384 64l-128 0L256 0 384 128z"/></svg>

index.html

@@ -74,6 +74,15 @@
                         </svg>
                     </a>
                 </div>
+                <div class="card make-icon-smaller">
+                    <a href="assets/resume.pdf" target="_blank">
+                        <svg xmlns="http://www.w3.org/2000/svg"
+                            viewBox="0 0 384 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->
+                            <path fill="currentColor" stroke="currentColor"
+                                d="M0 64C0 28.7 28.7 0 64 0L224 0l0 128c0 17.7 14.3 32 32 32l128 0 0 288c0 35.3-28.7 64-64 64L64 512c-35.3 0-64-28.7-64-64L0 64zm384 64l-128 0L256 0 384 128z" />
+                        </svg>
+                    </a>
+                </div>
             </div>
         </section>
         <section class="accent3 region">

style.css

@@ -97,6 +97,21 @@ img {
     }
 }
 
+.make-icon-smaller {
+    display: flex;
+
+    a {
+        display: flex;
+        flex: 1;
+
+        svg {
+            margin: auto;
+            height: 75%;
+            padding-bottom: 5%;
+        }
+    }
+}
+
 h2 {
     span {
         display: inline-block;