From 69107f7e0fedaa0688a94ff93e00b644c85f73bd Mon Sep 17 00:00:00 2001
From: Monty <monty.github@gmail.com>
Date: Fri, 9 Apr 2021 16:27:18 +0200
Subject: [PATCH] Fixed unclickable buttons & header when small widths

The buttons and the header became unclickable as a result of being covered by the <div class="deco">
---
 public/main.css | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/public/main.css b/public/main.css
index 919ff00..ed15c62 100644
--- a/public/main.css
+++ b/public/main.css
@@ -60,8 +60,10 @@ h1.dot[data-title-suffix]:after, h2.dot[data-title-suffix]:after {
 
 header {
 	display: flex;
+	position: relative;
 	align-items: center;
 	margin-top: 35px;
+	z-index: 6;
 }
 header nav a:first-child {
 	margin-left: 40px;
@@ -167,6 +169,7 @@ header nav a {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
+
 }
 .hero .buttons a {
 	display: block;
@@ -175,6 +178,7 @@ header nav a {
 	cursor: pointer;
 }
 .button {
+	position: relative;
 	appearance: none;
 	-webkit-appearance: none;
 	border: 0;
@@ -182,6 +186,7 @@ header nav a {
 	font-family: Poppins;
 	font-size: 1rem;
 	color: var(--text);
+	z-index: 6;
 }
 .button.primary {
 	padding: 12px 48px;
@@ -551,4 +556,4 @@ footer {
 		margin-top: 100px;
 	}
 
-}
\ No newline at end of file
+}