style updated

CodesVault · Sep 21, 2022 · 95b6014 · 95b6014
1 parent 4cce2e0
commit 95b6014
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 7 deletions.
diff --git a/index.html b/index.html
@@ -15,7 +15,9 @@
 	</div>
 
 	<div class="container">
-		<h1 class="brand">CodesVault</h1>
+		<h1 class="brand">
+			<span class="brand-codes">Codes</span><span class="brand-vault">Vault</span>
+		</h1>
 		<p class="brand-info">CodesVault is Codes Vault :)</p>
 
 		<div class="vault">

diff --git a/style.css b/style.css
@@ -15,11 +15,11 @@ body {
 }
 
 a {
-	color: #0bfa77;
+	color: #36c275;
 	text-decoration: none;
 }
 a:hover {
-	color: #0bfa77;
+	color: #36c275;
 	filter: opacity(.8);
 }
 
@@ -34,11 +34,17 @@ a:hover {
 
 .brand {
 	font-size: 4rem;
+	line-height: 1;
+    background: linear-gradient(315deg,#00d301,#36c275 50.5%,#00a562);
+    color: transparent;
+    background-clip: text;
+    -webkit-background-clip: text;
+	text-fill-color: transparent;
+    -webkit-text-fill-color: transparent;
 }
 .brand-info {
 	font-size: .8rem;
-	color: #eeeeee;
-	margin-top: 5px;
+	color: #8b8b8b;
 	letter-spacing: .3px;
 }
 
@@ -52,6 +58,6 @@ a:hover {
 	padding: 10px 15px;
 }
 .vault a span {
-	margin-right: 8px;
-	letter-spacing: 3px;
+	margin-right: 6px;
+	letter-spacing: 4px;
 }