Redesigned CSS, HTML, and added little detail.

1 files changed, 30 insertions, 47 deletions

diff --git a/britons.css b/britons.css
index 9e9632e..d128481 100644
--- a/britons.css
+++ b/britons.css
@@ -1,69 +1,45 @@
 :root {
 	--main-fg-color: #003400;
 	--main-ac-color: #007400;
+background-image: url(media/bg.gif);
 }
 
 body {
-	background-image: url(media/bg.gif);
+	
 	font-size: 100%;
-	font-family: "Liberation Serif", "Times New Roman";;
-}
-
-header {
-	background-color: var(--main-fg-color); 
-	width: 70%;
-	margin:auto;
-	text-align: center;
-	border-style: solid;
-	border-color: black;
-	border-bottom: none;
-	color: white;
+	font-family: "Liberation Serif", "Times New Roman";
+	display: block;
+	background-color: whitesmoke;
+	width: 80%;
+	padding: 2%;
+	padding-top: 1%;
+	margin: 2%;
+	border-style: dotted;
+	border-color: var(--main-fg-color);
 }
 
-header a {
+.title {
 
 	font-size: 250%;
-	color: white;
+	color: var(--main-fg-color);
 	font-weight: bold;
-	text-decoration: none;
+	
 }
 
-ul {
-	width: 70%;
-	margin: auto;
-	list-style-type: none;
-	padding: 0;
-	background-color: var(--main-fg-color);
- 	display: flex;
-	justify-content: space-around;
-	border: solid;
-	border-top: none;
-	border-bottom: none;
+header i {
+	margin-left: 5%;
 }
 
-ul li a {
-  	display: block;
-	color: white;
-	text-align: center;
-	padding-top: 10%;
-	padding-bottom: 5%;
-	
-}
+.navbar {
+	display: flex;
+	justify-content: space-evenly; ;
+	margin-top: 1%;
 
+}
 
 .content {
-	width: 70%;
+	width: 80%;
 	background-color: whitesmoke;
-	margin:auto;
-	border-style: solid;
-	border-color: black;
-
-}
-
-.content p, h1, h2, h3, h4, h5, h6 {
-	margin: 1%;
-	display: block;
-	padding: 0 5%;
 }
 
 .content figcaption {
@@ -76,7 +52,6 @@ ul li a {
 	font-style: normal;
 }
 
-
 .content img {
 	display: block;
 	margin: auto;
@@ -85,3 +60,11 @@ ul li a {
 	
 }
 
+.fig {
+	position: fixed;
+	bottom: 0%;
+	right: -2%;
+	opacity: 0.4;
+	z-index: -1;
+}
+