Updating css to reduce useless lines

1 files changed, 84 insertions, 105 deletions

diff --git a/assets/css/style.css b/assets/css/style.css
index 44ae3e6..799cda1 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -1,192 +1,171 @@
 /* Root */
 :root 
 {
-	/* Dark mode */
-	--dark-bg: #0d0d0d;
-	--dark-text: #ffdab9;
-	--dark-link: black;
-	--dark-link-bg: #f08080;
-	--dark-title: #f08080;
-	--dark-quote-border: #fbc4ab;
-
-	/* Light mode */
-	--light-bg: #ffdab9;
-	--light-text: #0d0d0d;
-	--light-link: black;
-	--light-link-bg: #f08080;
-	--light-title: #f08080;
-	--light-quote-border: #6a040f;
-
-	/* Default mode */
-	--bg-color: var(--dark-bg);
-	--text-color: var(--dark-text);
-	--link-color: var(--dark-link);
-	--link-bg-color: var(--dark-link-bg);
-	--title-color: var(--dark-title);
-	--quote-border: var(--dark-quote-border);
+    /* Dark mode */
+    --dark-bg: #0d0d0d;
+    --dark-text: #ffdab9;
+    --dark-link: black;
+    --dark-link-bg: #f08080;
+    --dark-title: #f08080;
+    --dark-quote-border: #fbc4ab;
+
+    /* Light mode */
+    --light-bg: #ffdab9;
+    --light-text: #0d0d0d;
+    --light-link: black;
+    --light-link-bg: #f08080;
+    --light-title: #f08080;
+    --light-quote-border: #6a040f;
+
+    /* Default mode */
+    --bg-color: var(--dark-bg);
+    --text-color: var(--dark-text);
+    --link-color: var(--dark-link);
+    --link-bg-color: var(--dark-link-bg);
+    --title-color: var(--dark-title);
+    --quote-border: var(--dark-quote-border);
 }
 
 /* Body */
 body
 {
-	color: var(--text-color);
-	background-color: var(--bg-color);
+    color: var(--text-color);
+    background-color: var(--bg-color);
 
     margin: 2vh auto;
     max-width: 80vw;
 }
 
-/*
-	HEADER
-*/
-
-/* Navbar */
-nav ul
+/* Navbar & footer*/
+nav ul, footer ul
 {
-	list-style-type: none;
-	margin: 0;
-	padding: 0;
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
 
-	display: flex;
-	justify-content: space-between;
+    display: flex;
+    justify-content: space-between;
 }
 
-nav a 
+nav a, footer a
 {
-	padding: 0.1rem 1rem;
+    padding: 0.1rem 1rem;
     margin: 0rem 0.3rem;
 
     text-align: center;
     text-decoration: none;
     text-transform: uppercase;
 
-	background-color: var(--link-bg-color);
+    background-color: var(--link-bg-color);
     color: var(--link-color); 
 }
 
-nav a:hover 
+nav a:hover, footer a:hover
 { 
     color: var(--link-bg-color);
-	background-color: var(--bg-color);
-	border: 1px solid var(--link-bg-color);
+    background-color: var(--bg-color);
+    border: 1px solid var(--link-bg-color);
 }
 
 /* 
-	MAIN
+    MAIN
 */
 
 main h1, main h2, main h3, main h4 
 {
-	color: var(--title-color);
+    color: var(--title-color);
 }
 
 main h1
 {
-	text-align: center;
-	text-transform: uppercase;
+    text-align: center;
+    text-transform: uppercase;
 }
 
 main a 
 {
-	color: var(--link-bg-color);
+    color: var(--link-bg-color);
 }
 
 /* Date for link */
 main li a + p 
 {
-	display: inline;
-	margin: 1vw;
+    display: inline;
+    margin: 1vw;
 
-	font-size: small;
+    font-size: small;
 }
 
 /* Blockquote */
 main blockquote 
 {
-	padding-left: 1vw;
+    padding-left: 1vw;
 
-	background-color: var(--link-bg-color);
-	color: var(--link-color);
-	border-left: 2px solid var(--quote-border);
+    background-color: var(--link-bg-color);
+    color: var(--link-color);
+    border-left: 2px solid var(--quote-border);
 }
 
 /* Tags */
 main .tags li
 {
-	display: inline;
+    display: inline;
 }
 
-/*
-	FOOTER
-*/
-
+/* Footer */
 footer 
 {
-	text-align: center;
-}
-
-footer ul {
-	padding: 5px;
-}
-
-footer li
-{
-	display: inline;
+    text-align: center;
 }
 
-footer li a 
+footer #social ul
 {
-	padding: 0.1rem 1rem;
-    margin: 0rem 0.3rem;
-
-    text-align: center;
-    text-decoration: none;
-    text-transform: uppercase;
-
-	background-color: var(--link-bg-color);
-    color: var(--link-color); 
+    padding: 5px;
+    justify-content: center;
 }
 
 /* Responsive design */
 @media screen and (max-width: 700px) 
 {
-	body {
-		font-size: 10px;
-	}
+    body 
+    {
+	font-size: 10px;
+    }
 }
 
 @media screen and (max-width: 500px) 
 {
-	nav ul {
-		flex-direction: column;
-		gap: 0.5rem;
-	}
+    nav ul, footer ul 
+    {
+	flex-direction: column;
+	gap: 0.5rem;
+    }
 }
 
 /* Night mode */
 @media (prefers-color-scheme: dark) 
 {
-	:root 
-	{
-		--bg-color: var(--dark-bg);
-		--text-color: var(--dark-text);
-		--link-color: var(--dark-link);
-		--link-bg-color: var(--dark-link-bg);
-		--title-color: var(--dark-title);
-		--quote-border: var(--dark-quote-border);
-	}
+    :root 
+    {
+	--bg-color: var(--dark-bg);
+	--text-color: var(--dark-text);
+	--link-color: var(--dark-link);
+	--link-bg-color: var(--dark-link-bg);
+	--title-color: var(--dark-title);
+	--quote-border: var(--dark-quote-border);
+    }
 }
 
 /* Day mode */
 @media (prefers-color-scheme: light)
 {
-	:root
-	{
-		--bg-color: var(--light-bg);
-		--text-color: var(--light-text);
-		--link-color: var(--light-link);
-		--link-bg-color: var(--light-link-bg);
-		--title-color: var(--light-title);
-		--quote-border: var(--light-quote-border);
-	}
-}
\ No newline at end of file
+    :root
+    {
+	--bg-color: var(--light-bg);
+	--text-color: var(--light-text);
+	--link-color: var(--light-link);
+	--link-bg-color: var(--light-link-bg);
+	--title-color: var(--light-title);
+	--quote-border: var(--light-quote-border);
+    }
+}