Update global styles and Hero component rendering

- Changed background color in globals.css from black to a dark gray for improved aesthetics.
- Set clear color for WebGL context in Hero and 404 components to match the new background color, enhancing visual consistency.

Author: valebearzotti

src/app/globals.css

@@ -1,7 +1,7 @@
 @import "tailwindcss";
 
 :root {
-  --background: #000000;
+  --background: #101010;
 }
 
 @theme inline {

src/components/hero-404/index.tsx

@@ -105,6 +105,7 @@ void main() {
 
     const renderer = new Renderer({ antialias: true });
     const gl = renderer.gl;
+    gl.clearColor(0.0627, 0.0627, 0.0627, 1.0);
     containerRef.current?.appendChild(gl.canvas);
     const camera = new Camera(gl, { near: 0.1, far: 100, fov: 10 });
     camera.position.set(

src/components/hero/index.tsx

@@ -103,6 +103,7 @@ void main() {
 
     const renderer = new Renderer({ antialias: true });
     const gl = renderer.gl;
+    gl.clearColor(0.0627, 0.0627, 0.0627, 1.0);
     containerRef.current?.appendChild(gl.canvas);
     const camera = new Camera(gl, { near: 0.1, far: 100, fov: 10 });
     camera.position.set(