Use fontawesome icon for menu

src/Website/wwwroot/css/style.scss

@@ -42,7 +42,6 @@ a {
 	color: $primary;
 	position: relative;
 	text-decoration: none;
-
 	background: linear-gradient(to bottom, $primary 0%, $primary 0%);
 	background-position: 0 100%;
 	background-size: 0px 0px;
@@ -154,9 +153,18 @@ h6 {
 		margin: 20px 0;
 		padding: 0 10px;
 
-		#menu-toggle,
+		#menu-toggle {
+			display: none;
+		}
+
 		[for="menu-toggle"] {
 			display: none;
+
+			&::after {
+				@extend .fas;
+				content: fa-content($fa-var-bars);
+				font-size: 32px;
+			}
 		}
 
 		.nav-list {
@@ -231,13 +239,7 @@ form {
 			margin: 0;
 			padding: 30px;
 
-			.nav-open {
-				filter: invert(100%);
-				width: 32px;
-				height: 32px;
-			}
-
-			#menu-toggle:checked+.nav-container {
+			#menu-toggle:checked + .nav-container {
 				max-height: 1000px;
 				margin-top: 20px;
 				opacity: 1;
@@ -274,4 +276,4 @@ form {
 			max-height: 200px;
 		}
 	}
-}
+}