site/index.html

@@ -35,7 +35,12 @@
 			<p><span class="hr"></span><span>Not Evil</span></p>
 		</h1>
 	</header>
-	<div id="picker"><!--Marker--></div>
+	<input
+		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
@@ -58,11 +63,11 @@
 		<label
 			for="should-hide-intro"
 			aria-role="button" >
-			<a class="cool-button" href="#picker">
+			<div class="cool-button">
 				<div aria-hidden="true" class = "bevel tr"></div>
 				<div>Get Started</div>
 				<div aria-hidden="true" class = "bevel bl"></div>
-			</a>
+			</div>
 		</label>
 	</section>
 	<div id="elm-unpossessed">

site/styles.scss

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