From 2f3dbc7343f00cdef17baa660e6b9306a5fab843 Mon Sep 17 00:00:00 2001 From: Vinit3110 <87440629+Vinit3110@users.noreply.github.com> Date: Thu, 9 Oct 2025 14:11:56 +0530 Subject: [PATCH] Update style.css --- style.css | 28 ++++++++++------------------ 1 file changed, 10 insertions(+), 18 deletions(-) diff --git a/style.css b/style.css index 6826186ae..c622e72a7 100644 --- a/style.css +++ b/style.css @@ -10,7 +10,7 @@ left: 0; width: 100%; height: 100%; - background: linear-gradient(45deg, var(--primary), var(--secondary), var(--accent); + background: linear-gradient(45deg, var(--primary), var(--secondary), var(--accent)); opacity: 0.1; z-index: -1; animation: gradientShift 8s ease infinite; @@ -36,7 +36,7 @@ --bg-light: #1a1a2e; --bg-lighter: #2a2a3e; --shadow: rgba(0, 0, 0, 0.3); - --gradient: linear-gradient(135deg, var(--primary), var(--secondary),)); + --gradient: linear-gradient(135deg, var(--primary), var(--secondary)); --gradient-dark: linear-gradient(135deg, var(--primary-dark), var(--secondary-dark)); } @@ -70,7 +70,6 @@ body { align-items: center; justify-content: center; z-index: 9999; - z-index: 1; transition: opacity 0.5s ease, visibility 0.5s ease; } @@ -89,8 +88,7 @@ body { border: 4px solid rgba(52, 152, 219, 0.2); border-top: 4px solid var(--primary); border-radius: 50%; - animation: spin 0s linear infinite;; - animation: fadeInUp 1s ease-out forwards; animation: fadeInUp; + animation: spin 1s linear infinite; margin: 0 auto 20px; } @@ -290,7 +288,7 @@ nav { .hero-title { font-size: 56px; - margin-bottom: -20px; + margin-bottom: 20px; line-height: 1.2; } @@ -672,7 +670,6 @@ section { background: var(--gradient); transform: scaleX(0); transform-origin: left; - transform-origin: right; transition: transform 0.3s ease; } @@ -696,8 +693,6 @@ section { justify-content: center; color: var(--primary); } -.skill-icon { color: red !important; } - .skill-card h3 { font-size: 24px; @@ -708,9 +703,8 @@ section { .skill-card p { color: var(--text-light); margin-bottom: 20px; - transition: transform 0.3s } -.skill-card:hover { transform: scale(1.1) } + .skill-tags { display: flex; flex-wrap: wrap; @@ -718,7 +712,7 @@ section { justify-content: center; } -.skill-tagss { +.skill-tag { background: rgba(52, 152, 219, 0.1); color: var(--primary); padding: 5px 15px; @@ -778,8 +772,7 @@ section { display: flex; align-items: center; justify-content: center; - opacity: 90; - opacity:1; + opacity: 0; transition: all 0.3s ease; } @@ -907,7 +900,6 @@ section { justify-content: center; color: var(--primary); transition: all 0.3s ease; - transition: none; } .social-links a:hover { @@ -1059,7 +1051,7 @@ footer { } -@media "max-width: 1024px":{ +@media (max-width: 1024px) { .hero-title { font-size: 48px; } @@ -1078,7 +1070,7 @@ footer { } } -@media "max-width: 768px": { +@media (max-width: 768px) { header { padding: 15px 20px; } @@ -1163,7 +1155,7 @@ footer { } } -@media ('max-width: 480px") { +@media (max-width: 480px) { .hero-title { font-size: 32px; }