From 97c743c065a9bc2fc136dd46336809d9cb32a0b4 Mon Sep 17 00:00:00 2001
From: Nihaal Sharma <neonsharma@hotmail.com>
Date: Mon, 5 Jun 2023 16:52:48 +0100
Subject: [PATCH] used padding shorthand + added colors comment

---
 style.css | 61 ++++++++++++++++++++++++++-----------------------------
 1 file changed, 29 insertions(+), 32 deletions(-)

diff --git a/style.css b/style.css
index bbf6ecc..bb215c8 100644
--- a/style.css
+++ b/style.css
@@ -1,3 +1,24 @@
+/* COLOURS*/
+/* Link: #007AFF */
+/* Bold: #ff6200 */
+	/* Light */
+		/* Theme: #ddd */
+		/* text: #222 */
+		/* for contrast: #fff */
+		/* transparency: rgba(255, 255, 255, 0.25) */
+		/* box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.25); */
+		/* bar link hover bg color: #111 */
+		/* bar link hover text color: #eee */
+	/* Dark */
+		/* Theme: #222 */
+		/* text: #ddd */
+		/* for contrast: #555 */
+		/* transparency: rgba(0, 0, 0, 0.25) */
+		/* box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.25); */
+		/* bar link hover bg color: #eee */
+		/* bar link hover text color: #111 */
+/* COLOURS */
+
 /*regular text (body, p, b, h*) styles*/
 	* {
 		margin: 0px;
@@ -17,32 +38,22 @@
 	}
 	p {
 		font-size: 20px;
-		padding-left: 20px;
-		padding-right: 20px;
+		padding: 0px 20px;
 	}
 	h1 {
 		font-size: 40px;
 		font-weight: 750;
-		padding-top: 0px;
-		padding-top: 0px;
-		padding-left: 20px;
-		padding-right: 20px;
+		padding: 0px 20px;
 	}
 	h2 {
 		font-size: 30px;
 		font-weight: 400;
-		padding-top: 0px;
-		padding-top: 0px;
-		padding-left: 20px;
-		padding-right: 20px;
+		padding: 0px 20px;
 	}
 	h3 {
 		font-size: 25px;
 		font-weight: 400;
-		padding-top: 0px;
-		padding-top: 0px;
-		padding-left: 20px;
-		padding-right: 20px;
+		padding: 0px 20px;
 	}
 /* regular text (body, p, b, h*) styles*/
 
@@ -77,15 +88,13 @@
 	}
 	.barItem * {
 		display: block;
-		color: #222;
 		text-decoration: none;
 		font-size: 20px;
 		padding: 9.2px 12px;
 	}
 	.barItem h1 {
 		font-size: 30px;
-		padding-top: 2.5px;
-		padding-bottom: 2.5px;
+		padding: 2.5px 12px;
 		border-right-style: solid;
 		border-width: 1.5px;
 		border-color: #222;
@@ -97,8 +106,7 @@
 	.barItem *:hover {
 		font-size: 30px;
 		font-weight: 600;
-		padding-top: 2.5px;
-		padding-bottom: 2.5px;
+		padding: 2.5px 12px;
 	}
 	.barItem a:hover {
 		background-color: #111;
@@ -123,10 +131,6 @@
 			top: 45px;
 			font-size: 20px;
 
-			-webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.25);
-			-moz-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.25);
-			box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.25);
-
 			-webkit-backdrop-filter: blur(2.5px);
 			-moz-backdrop-filter: blur(2.5px);
 			backdrop-filter: blur(2.5px);
@@ -167,9 +171,7 @@
 	.bar {
 		background-color: rgba(0, 0, 0, 0.25);
 	}
-	.barItem * {
-		color: #ddd;
-	}
+
 	.barItem h1 {
 		border-color: #ddd;
 	}
@@ -186,13 +188,8 @@
 	}
 	#notLinkToast {
 		background-color: rgba(0, 0, 0, 0.25);
-		-webkit-box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.25);
-		-moz-box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.25);
-		box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.25);
 	}
 }
 @media screen and (max-width: 600px) {
-	img {
-		width: 100%;
-	}
+	
 }
\ No newline at end of file