beautified my css and html

index.html

@@ -11,11 +11,12 @@
 		<br>
 		<p>
 			<b>My Projects</b><br>
-				<b>├──</b>	<a href="https://neon443.github.io/Musics-info/">Musics info</a><br>
-				<b>├──</b>	<a href="https://neon443.github.io/eagle-craft/">EagleCraft</a><br>
-				<b>├──</b>	<a href="https://neon443.github.io/webpage-testing/">Webpage Testing</a><br>
-				<b>├──</b><br>
-				<b>└──</b><br><pre></pre>
+				<b>├─</b>	<a href="https://neon443.github.io/Musics-info/">Musics info</a><br>
+				<b>├─</b>	<a href="https://neon443.github.io/eagle-craft/">EagleCraft</a><br>
+				<b>├─</b>	<a href="https://neon443.github.io/live-web-editor/">Live Web Editor</a><br>
+				<b>└─</b>	<a href="https://neon443.github.io/webpage-testing/">Webpage Testing</a><br>
+		<b>&emsp;&emsp;├─</b><br>
+		<b>&emsp;&emsp;└─</b><br>
 		</p>
 		<br>
 		<h3><b>Tips:</b></h3>

style.css

@@ -1,14 +1,14 @@
-*{
+* {
 	box-sizing: border-box;
 	margin: 0px;
 }
-b{
+b {
 	color: #007AFF
 }
-a{
-	color: #41b6e8;
+a {
+	color: #007AFF
 }
-.topbar{
+.topbar {
 	position: fixed;
 	top: 0px;
 	backdrop-filter: blur(2.5px);
@@ -17,18 +17,18 @@ a{
 	-webkit-box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.4);
 	width: 100%;
 }
-body{
+body {
 	background-color: #f2f2f2;
 	color: #222222;
 	font-family: system-ui;
 	height: 100%;
 }
-p{
+p {
 	font-size: 20px;
 	padding-left: 20px;
 	padding-right: 20px;
 }
-h1{
+h1 {
 	font-size: 45px;
 	font-weight: 750;
 	padding-top: 0px;
@@ -37,7 +37,7 @@ h1{
 	padding-right: 20px;
 	position: fixed;
 }
-h2{
+h2 {
 	font-size: 35px;
 	font-weight: 300;
 	padding-top: 0px;
@@ -45,7 +45,7 @@ h2{
 	padding-left: 20px;
 	padding-right: 20px;
 }
-h3{
+h3 {
 	font-size: 25px;
 	font-weight: 200;
 	padding-top: 0px;
@@ -58,7 +58,7 @@ h3{
 		background-color: #1C1C1E;
 		color: #f2f2f2;
 	}
-	.topbar{
+	.topbar {
 		box-shadow: 0px 0px 20px 10px rgba(255, 255, 255, 0.25);
 		-webkit-box-shadow: 0px 0px 20px 10px rgba(255, 255, 255, 0.25);
 
@@ -67,12 +67,12 @@ h3{
 	#transaction {
 		background-color: #222222;
 	}
-	p{
+	p {
 		color: #e6e6e6;
 	}
 }
 @media screen and (max-width: 600px) {
-	*{
+	* {
 		width: 100%;
 	}
 }