Update

index.html

@@ -76,6 +76,8 @@ <h2 id="copywriting" style="margin-top:10px;">COPYWRITING / EDITING</h2><hr>
 <div id="contact" class="flex-column-wide footer">
 <h2>EMAIL</h2>
 <a href="mailto:[email protected]"><p>[email protected]</p></a>
+<h2>LINKEDIN</h2>
+<a href="https://www.linkedin.com/in/steve-kim-38a38b295/" target="_blank"><p>steve-kim-38a38b295</p></a>
 <h2>TWITTER</h2>
 <a href="https://twitter.com/newgeographer2" target="_blank"><p>@newgeographer2</p></a>
 <h2>GITHUB</h2>

style.css

@@ -24,7 +24,7 @@ header {color:#333; background-color:#fff; box-sizing:border-box; display:flex;
 .text-background-white {display:inline-block; background-color:rgba(255,255,255,0.5); margin:0; padding:0 2px;}
 
 .image-container{display:flex; overflow:hidden; position:relative; height:auto; width:100%; margin:0 auto; align-items:center; justify-content:center;}
-.image {display:block; width:100%; height:auto; max-height:100%;}
+.image {display:block; width:100%; height:auto; max-height:100%; border-radius:5px;}
 .image-small {display:block; width:50%; height:auto; max-height:100%; max-width:100%; margin:auto; border-radius:0;}
 .image-large {display:block; width:90%; height:auto; max-height:100%; max-width:100%; margin:auto; border-radius:10px;}
 .image-overlay {position:absolute; transform:translate(-50%,-50%); height:auto;}
@@ -44,7 +44,7 @@ nav p {color:#333; text-decoration:none; font-size:14px; line-height:0.8; paddin
 
 .banner{color:#333; background-color:#fff; width:100%; max-width:768px; padding-top:80px; margin-bottom:20px; position:relative;}
 
-.footer {background-color:#fff; color:#333; box-sizing:border-box; padding:20px; text-align:left;}
+.footer {background-color:#fff; color:#333; box-sizing:border-box; padding:25px 20px; margin-top:10px; text-align:left; border-top:1px solid #333;}
 .footer a{color:#333;}
 .footer h2{font-size:10px; font-weight:600; margin:0; padding:5px 0 0 0;}