Switched from using a checkbox to :target for Get Started

site/index.html

@@ -35,12 +35,7 @@
 			<p><span class="hr"></span><span>Not Evil</span></p>
 		</h1>
 	</header>
-	<input
+	<div id="picker"><!--Marker--></div>
-		id="should-hide-intro"
-		type="checkbox"
-		style="display: none"
-		aria-hidden="true"
-		/>
 	<section id="intro">
 		<!--p>
 			Since the penning of the GPL, Free and Open Source software has led the charge
@@ -63,11 +58,11 @@
 		<label
 			for="should-hide-intro"
 			aria-role="button" >
-			<div class="cool-button">
+			<a class="cool-button" href="#picker">
 				<div aria-hidden="true" class = "bevel tr"></div>
 				<div>Get Started</div>
 				<div aria-hidden="true" class = "bevel bl"></div>
-			</div>
+			</a>
 		</label>
 	</section>
 	<div id="elm-unpossessed">

site/styles.scss

@@ -72,11 +72,11 @@ header {
 	}
 }
 
-#should-hide-intro:checked + #intro {
+#picker:target + #intro {
 	display: none;
 }
 
-#should-hide-intro:not(:checked) ~ #elm-area {
+#picker:not(:target) ~ #elm-area {
 	display: none;
 }
 
@@ -85,6 +85,7 @@ header {
 	--bevel-size: 20px;
 	color: var(--color-bg);
 	width: fit-content;
+	display: block;
 	font-family: Resistance;
 	font-size: 2.5rem;
 	margin-left: auto;
@@ -93,6 +94,7 @@ header {
 	background: none;
 	border: none;
 	padding: 0;
+	text-decoration: none;
 
 	& > div:nth-child(2) {
 		padding: 0 30px;
@@ -283,8 +285,7 @@ header {
 }
 
 footer {
-	font-size: 0.8rem;
+	font-size: 1rem;
-	opacity: 0.4;
 
 	margin-top: 70px;
 	line-height: 100%;