Adjust z-index for step columns and footer

Author: johnwarne

styles/style.css

@@ -244,6 +244,7 @@ header {
 	display: grid;
 	grid-template-rows: auto 1fr;
 	gap: 1rem;
+	z-index: 3;
 	@media (prefers-reduced-motion: no-preference) {
 		animation: 0.4s cubic-bezier(.23,.83,.43,1) 0s normal forwards 1 animate_fade_in_up;
 	}
@@ -595,6 +596,7 @@ header {
 /* Step 2 */
 #step-2 {
 	animation-duration: 0.6s;
+	z-index: 1;
 	> h2:before {
 		animation-duration: 1.7s;
 	}
@@ -1022,6 +1024,7 @@ footer {
 	justify-content: center;
 	align-items: center;
 	gap: 1rem;
+	z-index: 2;
 	@media screen and (min-width: 460px) {
 		flex-direction: row;
 	}