1 files changed, 87 insertions, 0 deletions
diff --git a/britons.css b/britons.css
new file mode 100644
index 0000000..9e9632e
--- /dev/null
+++ b/britons.css
@@ -0,0 +1,87 @@
+:root {
+	--main-fg-color: #003400;
+	--main-ac-color: #007400;
+}
+
+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;
+}
+
+header a {
+
+	font-size: 250%;
+	color: white;
+	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;
+}
+
+ul li a {
+  	display: block;
+	color: white;
+	text-align: center;
+	padding-top: 10%;
+	padding-bottom: 5%;
+	
+}
+
+
+.content {
+	width: 70%;
+	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 {
+	font-style: italic;
+	text-align: center;
+}
+
+.content figcaption a {
+	text-align: center;
+	font-style: normal;
+}
+
+
+.content img {
+	display: block;
+	margin: auto;
+	max-width: 35%;
+	padding: 1%;
+	
+}
+