play with the header

1 files changed, 18 insertions, 9 deletions

diff --git a/src/main.scss b/src/main.scss
index 52bca7c..e143892 100644
--- a/src/main.scss
+++ b/src/main.scss
@@ -5,19 +5,25 @@ body {
 
 header {
 	width: 100%;
-	background-color: black;
-	color: white;
+
+	h1 {
+		font-size: 50px;
+		margin: 0;
+		background-color: rgba(0, 0, 0, 0.6);
+		color: white;
+		padding: 4px;
+		padding-bottom: 0;
+	}
+
 	p.breadcrumbs {
-		background-color: Maroon;
+		background-color: rgba(0, 0, 0, 0.6);
 		margin: 0;
+		color: white;
+		padding: 4px;
 		a {
 			color: GoldenRod;
 		}
 	}
-	h1 {
-		font-size: 50px;
-		margin: 0;
-	}
 
 	nav {
 		/* layout */
@@ -39,8 +45,8 @@ header {
 		background-color: Maroon;
 		a {
 			padding: 0.2em 1em;
-
 			font-size: 40px;
+
 			color: GoldenRod;
 			text-decoration: none;
 
@@ -56,11 +62,14 @@ header {
 		}
 
 		form {
-			padding: 0.2 1em;
+			padding: 0.2em 0;
+			font-size: 40px;
 			display: block;
+
 			input {
 				font-size: 25px;
 				border: solid 1px #333333;
+				vertical-align: middle;
 			}
 			input[type="search"] {
 				max-width: 10em;