1 files changed, 111 insertions, 0 deletions
diff --git a/britons.css~ b/britons.css~
new file mode 100644
index 0000000..2c94226
--- /dev/null
+++ b/britons.css~
@@ -0,0 +1,111 @@
+:root {
+	--main-fg-color: #003400;
+	--main-ac-color: #007400;
+background-image: url(media/bg.gif);
+}
+
+body {
+	
+	font-size: 100%;
+	font-family: "Liberation Serif", "Times New Roman";
+	display: block;
+	background-color: whitesmoke;
+	width: 70%;
+	padding: 2%;
+	padding-top: 1%;
+	margin: 2%;
+	border-style: dotted;
+	border-color: var(--main-fg-color);
+}
+
+small {
+	font-style: italic;
+	color: gray;
+}
+
+.title {
+
+	font-size: 250%;
+	color: var(--main-fg-color);
+	font-weight: bold;
+	
+}
+
+header i {
+	margin-left: 5%;
+	font-size: 125%;
+}
+
+.navbar {
+	display: flex;
+	justify-content: space-evenly; ;
+	margin-top: 1%;
+
+}
+
+.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%;
+	
+}
+
+.fig {
+	position: fixed;
+	bottom: 0%;
+	right: -2%;
+	opacity: 0.5;
+	transition: opacity 0.25s ease-in;
+	z-index: -1;
+	width: 25%;
+}
+
+.fig:hover {
+	opacity: 1;
+}
+
+.eu {
+	position: fixed;
+	bottom: 75%;
+	left: 80%;
+	opacity: 1;
+	z-index: -1;
+	scale: 0.25;
+	width: 25%;
+}
+
+.stars {
+	position: fixed;
+	bottom: 70%;
+	left: 80%;
+	opacity: 1;
+	z-index: -1;
+	scale: 0.25;
+	width: 25%;
+}
+
+.stars:hover {
+	animation: spin 5s linear infinite;
+}
+
+
+@keyframes spin {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}