Design changes, made responsive

assets/css/new.css

@@ -1,6 +1,7 @@
 :root {
 	--nc-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 	--nc-font-mono: Consolas, monaco, 'Ubuntu Mono', 'Liberation Mono', 'Courier New', Courier, monospace;
+	--nc-tx-white: #FFFFFF;
 
 	/* Light theme */
 	--nc-tx-1: #000000;
@@ -202,6 +203,24 @@ header {
 
 	padding-left: calc(50vw - 50%);
 	padding-right: calc(50vw - 50%);
+	background-image: url("/assets/imgs/adblock.webp");
+	background-size: cover;
+	min-height: 500px;
+	background-position: center;
+	display: flex;
+    flex-direction: column;
+    align-items: center;
+	position: relative;
+	z-index: 0;
+}
+
+header .overlay {
+	background-color: rgba(0,0,0,0.8);
+	width: 100%;
+	height: 100%;
+	position: absolute;
+	top: 0;
+	left: 0;
 }
 
 header h1,
@@ -220,6 +239,45 @@ header > *:last-child {
 	margin-bottom: 0;
 }
 
+header nav {
+	z-index: 1;
+	font-size: 1.4rem;
+	text-decoration: none;
+}
+
+
+header nav a {
+	text-decoration: none;
+	color: var(--nc-tx-white);
+	text-transform: uppercase;
+	letter-spacing: 5px;
+	font-weight: 600;
+	padding: 0 10px
+}
+
+@media screen and (max-width: 768px)  {
+	header nav a {
+		font-size: 1rem;
+		letter-spacing: 2px;
+		padding: 0;
+	}
+}
+header nav a:hover {
+	text-decoration: underline;
+	color: var(--nc-tx-white);
+	opacity: 0.9;
+}
+
+header .headline-wrap {
+	text-align: center;
+	margin: auto;
+	z-index: 1;
+}
+
+header .headline-wrap h1 {
+	color: var(--nc-tx-white);
+}
+
 a button,
 button,
 input[type="submit"],