diff --git a/index.html b/index.html
index c4ad155..b42ba5a 100644
--- a/index.html
+++ b/index.html
@@ -131,6 +131,7 @@
 				opacity: 1;
 				color: white;
 				padding-top: 1rem;
+				user-select: none;
 			}
 
 			.fade-out {
@@ -140,6 +141,7 @@
 
 			.fade-in {
 				opacity: 1!important;
+				user-select: all!important;
 			}
 		</style>
 
@@ -160,11 +162,11 @@
 						<a class="rounded-button" data-id="forgejo" href="https://git.eusv.net/tgpholly" target="_blank"></a>
 					</div>
 
-					<h3 id="btnDesc"></h3>
+					<h3 id="btnDesc">&nbsp;</h3>
 				</div>
 			</div>
 		</div>
-		<div id="about-panel" class="panel center-container" style="display:none">
+		<div id="about_me-panel" class="panel center-container" style="display:none">
 			<div class="center-anchor">
 				<div class="text-center w-100">
 					<h1>about me</h1>
@@ -197,8 +199,6 @@
 							or you can send and email to <b><a id="email"></a></b>
 						</p>
 					</div>
-
-					<h3 id="btnDesc">&nbsp;</h3>
 				</div>
 			</div>
 		</div>
@@ -209,7 +209,7 @@
 
 		<div class="top-right nav">
 			<a data-id="#home-panel">home</a>
-			<a data-id="#about-panel" class="link">about me</a>
+			<a data-id="#about_me-panel" class="link">about me</a>
 		</div>
 
 		<script>
@@ -231,6 +231,7 @@
 
 					document.querySelector(navItem.dataset.id).style.display = "";
 					navItem.classList.remove("link");
+					document.title = `${navItem.dataset.id.split("-")[0].slice(1).replace("_", " ")} | holly.lgbt`;
 				});
 			});