Small tweaks to skybox initial position and container opacity

Author: ZackGoldblum

src/components/Starfield.jsx

@@ -222,9 +222,9 @@ const Starfield = ({ onSkyboxLoaded = () => { }, uiVisible = false }) => {
                     skyboxMesh = new THREE.Mesh(sphereGeometry, skyboxMaterial);
 
                     // Initial skybox positioning
-                    skyboxMesh.rotation.x = Math.PI * 0.2;
-                    skyboxMesh.rotation.y = Math.PI * 0.2;
-                    skyboxMesh.rotation.z = Math.PI * 0.2;
+                    skyboxMesh.rotation.x = Math.PI * -0.1;
+                    skyboxMesh.rotation.y = Math.PI * 0;
+                    skyboxMesh.rotation.z = Math.PI * 0;
 
                     scene.add(skyboxMesh);
 

src/index.css

@@ -17,7 +17,7 @@
 
   --border_radius: 20px;
   --internal_padding: 20px;
-  --item_background_color: rgba(0, 0, 0, 0.75);
+  --item_background_color: rgba(0, 0, 0, 0.5);
   --button_size: 25px;
   --transition_time: 0.4s;
 }