Major redesign

1 files changed, 50 insertions, 43 deletions

diff --git a/britons.css b/britons.css
index 391fa40..16d4c09 100644
--- a/britons.css
+++ b/britons.css
@@ -5,11 +5,10 @@ background-image: url(media/bg.gif);
 }
 
 body {
-	
 	font-size: 100%;
 	font-family: "Liberation Serif", "Times New Roman";
 	display: block;
-	background-color: whitesmoke;
+	background-color: rgba(255, 255, 255, 0.8);
 	
 	padding: 2%;
 	padding-top: 1%;
@@ -21,66 +20,57 @@ body {
 
 small {
 	font-style: italic;
-	color: gray;
+	color: gray;	
+}
+
+h1 {
+	margin: 0%;
 }
 
-.title {
+h1 a	{
 
-	font-size: 250%;<img src="fig.ico" alt="" />
+	font-size: 125%;
 	color: var(--main-fg-color);
 	font-weight: bold;
-	
+	text-decoration: none;
 }
-
-header i {
+h1 i {
+	font-size: 75%;
+	color: darkolivegreen;
 	margin-left: 5%;
-	font-size: 125%;
+	text-decoration: underline;
 }
-
-.navbar {
+nav {
 	display: flex;
-	justify-content: space-evenly; ;
-	margin-top: 1%;
+	justify-content: flex-start; 
+	flex-wrap: wrap;
 
 }
-
-.content {
-	width: 80%;
-	background-color: whitesmoke;
-}
-
-.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%;
+nav a {
+	margin-top: 0;
+	padding: 0.5% 4%;
+	text-decoration: none;
+	color: white;
+	background-color: var(--main-fg-color);
+	font-weight: bold;
 	
 }
-
+nav a:hover {
+	background-color: var(--main-ac-color);
+	color: white;
+}
 .fig {
 	position: fixed;
 	bottom: 0%;
 	right: -2%;
-	opacity: 0.25;
+	opacity: 1;
 	transition: opacity 0.25s ease-in;
-	z-index: 1;
+	z-index: -1;
 	width: 25%;
 }
-
 .fig:hover {
-	opacity: 1;
+	z-index: 5;
 }
-
 .eu {
 	position: absolute;
 	right: 0%;
@@ -88,13 +78,30 @@ header i {
 	opacity: 1;
 	scale: 25%;
 }
-
 .eu:hover {
 	animation: spin 5s linear infinite;
 }
-
-
 @keyframes spin {
   0% { transform: rotate(0deg); }
   100% { transform: rotate(360deg); }
 }
+/*
+figure {
+  	margin-left: auto;
+  	max-width: 25%;
+	float: right;
+	background-color: white;
+	padding: 1%;
+}
+*/
+
+figure {
+	float: right;
+	clear: right;
+	max-width: 25%;
+	
+}
+
+figure img {
+	max-width: 100%;
+}
\ No newline at end of file