Update style.css

[Vinit3110]

There were basic syntax errors here and there.

1. Gradients and CSS variables

• Fixed: --gradient custom property (removed extra comma/parenthesis).
• Fixed: .skills-bg gradient definition (closed missing parenthesis).

2. Media queries syntax

• Removed: malformed @media rules like @media "max-width: 1024px"{ and @media ('max-width: 480px").
• Added: valid @media (max-width: 1024px | 768px | 480px) blocks so responsive styles now apply correctly.

3. Loader and stacking contexts

• Removed: conflicting/duplicate z-index declarations on .loading-screen.
• Added: a single, consistent z-index to ensure loader sits above content while active.
• Fixed: .loading-ring animation declaration (removed the conflicting 0s animation; kept the intended spin).

4. Transitions, opacity, and hover states

• Removed: transition: none on .social-links a (restores smooth hover).
• Fixed: inconsistent opacity declarations (e.g., opacity: 90 replaced with standard 0/1 sequence).
• Added: predictable hover-reveal for overlays (e.g., .project-overlay starts at opacity: 0; transitions to visible on hover).

5. Visual consistency and overrides

• Removed: .skill-icon { color: red !important; } which forced incorrect icon color across the theme.
• Fixed: duplicate/contradictory transform-origin on pseudo-elements (now a single, correct value).
• Adjusted: hero title spacing (replaced awkward negative margins with standard margins for better layout stability).
• Class name alignment and cleanup
  • Removed: orphaned/typoed class selectors (e.g., .skill-tagss that didn’t match the HTML).
  • Added: or aligned .skill-tags / .skill-tag rules to match HTML classes consistently across breakpoints.

The Above changes were made using AI.