1 files changed, 31 insertions, 20 deletions

diff --git a/britons.css b/britons.css
index 63d2cb2..62407fa 100644
--- a/britons.css
+++ b/britons.css
@@ -1,6 +1,6 @@
 :root {
 	--main-fg-color: #003400;
-	--main-ac-color: #007400;
+	--main-ac-color: #00A800;
 background-image: url(media/bg.gif);
 }
 
@@ -9,13 +9,14 @@ body {
 	font-family: "Liberation Serif", "Times New Roman";
 	display: block;
 	background-color: rgba(255, 255, 255, 0.8);
-	margin: 2.5%;
+	margin: 1% 5%;
+	border-style: double; double double double;
+	border-width: thick;
+	border-color: var(--main-fg-color);
 }
 
 main {
 	padding: 0 1%;
-	border-style: solid;
-	border-color: var(--main-fg-color);
 }
 
 small {
@@ -24,11 +25,19 @@ small {
 }
 
 header {
-	background-color: var(--main-fg-color);
-	border-color: var(--main-fg-color);
-	border-width: thick;
-	border-style: solid;
-	padding: 0 1%;
+	background-color: var(--main-fg-color);	
+	display: flex;
+   justify-content: space-between;
+   align-items: baseline;
+   padding: 0 1%;
+}
+
+.tagline {
+	margin-left: auto;
+	color: whitesmoke;
+	font-size: 125%;
+	margin-left: 1%;
+	text-decoration: underline;
 }
 
 p {
@@ -37,6 +46,7 @@ p {
 
 h1 {
 	margin: 0%;
+	white-space: nowrap;
 }
 
 h2 {
@@ -48,20 +58,15 @@ h1 a	{
 	color: white;
 	font-weight: bold;
 	text-decoration: none;
+	background-color: var(--main-fg-color);
+	padding: 0 1%;
 }
-h1 i {
-	font-size: 75%;
-	color: olivedrab;
-	margin-left: 5%;
-	text-decoration: underline;
-}
+
 nav {
 	display: flex;
 	justify-content: flex-start; 
 	flex-wrap: wrap;
-	background-color: var(--main-ac-color);
-	border-style: none solid;
-	border-color: var(--main-fg-color);
+	background: linear-gradient(180deg, #003400 40%, var(--main-ac-color) 100%);
 }
 nav a {
 	margin-top: 0;
@@ -69,7 +74,9 @@ nav a {
 	text-decoration: none;
 	color: white;
 	font-weight: bold;
-	
+	border-style: none solid none none;
+	border-width: thin;
+	box-shadow: inset 8px rgba(0, 0, 0, 0.20);
 	
 }
 nav a:hover {
@@ -77,7 +84,7 @@ nav a:hover {
 	color: white;
 }
 nav .selected {
-	background-color: var(--main-fg-color);
+	background: linear-gradient(180deg, #003400 50%, #007400 100%);
 }
 
 .fig {
@@ -116,4 +123,8 @@ figure {
 
 figure img {
 	max-width: 100%;
+}
+
+.yah {
+	padding-left: 1%;
 }
\ No newline at end of file