Tweaked some scaling, should look nicer.

assets/custom.css

@@ -2,11 +2,25 @@ body, html {
 	font-family: 'Open Sans', sans-serif;
 	background-color: #2D2D2D;
 	color: #F6F6F6;
-	overflow: hidden;
 	font-weight: bolder;
 	margin: 0 auto; padding: 0;
 }
 
+.name {
+	opacity: 0;
+	position: absolute;
+	left:7vw;
+	top: 5vh;
+	font-size: 3vh;
+	padding: 10px;
+	background-color: lightgrey;
+	color:black;
+	border-radius: 20px;
+   transition: opacity .25s ease-in-out;
+   -moz-transition: opacity .25s ease-in-out;
+   -webkit-transition: opacity .25s ease-in-out;
+}
+
 .profile-img {
 	margin: 10px;
 	max-width: 5vw;
@@ -17,6 +31,13 @@ body, html {
 	box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.75);
 }
 
+.profile-img:hover + .name {
+	opacity: 1;
+	   transition: opacity .25s ease-in-out;
+   -moz-transition: opacity .25s ease-in-out;
+   -webkit-transition: opacity .25s ease-in-out;
+}
+
 .status {
 	position: absolute;
 	right:5vw;
@@ -40,21 +61,34 @@ hr {
 
 .project {
 	margin: 10px;
-	background-color: white;
+	/*background-color: white;*/
-    width: 40vh;
+    height: 37vh;
-    height: 40vh;
+    text-align: center;
+}
+.project-img {
+	max-width: 30vh;
 	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
 	-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.75);
 	box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.75);
 }
-.project-img {
+.projectname {
-	max-width: 40vh;
+	color: #34ABE5;
+	opacity: 0;
+   transition: opacity .25s ease-in-out;
+   -moz-transition: opacity .25s ease-in-out;
+   -webkit-transition: opacity .25s ease-in-out;
+}
+
+.project:hover .projectname {
+	opacity: 1;
+   transition: opacity .25s ease-in-out;
+   -moz-transition: opacity .25s ease-in-out;
+   -webkit-transition: opacity .25s ease-in-out;
 }
 
 .buttons {
 	display: flex;
 	justify-content: center;
-	font-size: 5vw;
 	margin-top: 10vh;
 	margin-bottom: 5vh;
 	text-align: center;
@@ -62,9 +96,10 @@ hr {
 .button {
 	margin: 0 0.5vw;
 	background-color: #505050;
-	width: 125px;
+	width: 75px;
-	height: auto;
+	height: 75px;
 	border: 1px solid #4F4F51;
+	font-size: 8vh;
 	border-radius: 50%;
 	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
 	-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.75);

index.html

@@ -13,6 +13,7 @@
     <div class="container">
     <header>
         <img src="https://avatars2.githubusercontent.com/u/1878840?s=400&u=b433687936e1e1c1bfd858737d8323c6a5b58c33&v=4" alt="Github Profile Picture" class="profile-img">
+        <span class="name">Gabriel Simmer</span>
         <div class="status">
             <span id="time">10:32 <small>AM</small></span>
             <span id="wifi"><i class="fas fa-wifi" id="wifi"></i></span>
@@ -23,19 +24,24 @@
     <main>
         <div class="games">
             <div class="project" id="pogo">
+                <h2 class="projectname">POGO</h2>
                 <a href="https://github.com/gmemstr/pogo"><img src="assets/pogo.png" alt="Pogo Logo" class="project-img"></a>
             </div>
             <div class="project" id="platypus">
+                <h2 class="projectname">PLATYPUS</h2>
                 <a href="https://github.com/gmemstr/platypus"><img src="assets/platypus.png" alt="Platypus Logo" class="project-img"></a>
             </div>
             <div class="project" id="gitgalaxy">
+                <h2 class="projectname">GIT GALAXY</h2>
                 <img src="assets/gitgalaxy.png" alt="Git Galaxy Logo" class="project-img">
             </div>
             <div class="project" id="nodemc">
+                <h2 class="projectname">NODEMC</h2>
                 <img src="assets/nodemc.png" alt="NodeMC Logo" class="project-img">
             </div>
-            <div class="project" id="placeholder">
+            <div class="project" id="other">
-                <img src="https://placehold.it/400x400" alt="Placeholder Logo" class="project-img">
+                <h2 class="projectname">MORE</h2>
+                <img src="assets/other.png" alt="Other Stuff" class="project-img">
             </div>
         </div>
 
@@ -58,6 +64,7 @@
         </div>
     </main>
     <hr />
+    <center><p>Hand built with <i class="fas fa-heart"></i> by Gabriel Simmer</p></center>
     </div>
     <script>
         var date = new Date();