diff --git a/public/assets/images/space.jpg b/public/assets/images/space.jpg deleted file mode 100644 index ad06e8d..0000000 Binary files a/public/assets/images/space.jpg and /dev/null differ diff --git a/src/styles/Home.css b/src/styles/Home.css index 100e670..0d119bd 100644 --- a/src/styles/Home.css +++ b/src/styles/Home.css @@ -7,10 +7,6 @@ align-items: center; flex-direction: column; text-align: center; - /*background-image: url('/public/assets/images/space.jpg'); - background-size: cover; - background-position: center; - z-index: 1;*/ } diff --git a/src/styles/thirdParty/Background.css b/src/styles/thirdParty/Background.css index 1a0aaa4..cd49587 100644 --- a/src/styles/thirdParty/Background.css +++ b/src/styles/thirdParty/Background.css @@ -9,7 +9,6 @@ z-index: -1; } -/* Étoiles */ .star { position: absolute; width: 2px; @@ -32,44 +31,31 @@ background: #0D0D0D; border-radius: 60% 60% 0 0 / 100% 100% 0 0; z-index: 1; - - /* Halo extérieur et intérieur */ box-shadow: 0 -20px 60px 10px rgba(255, 255, 255, 0.35), inset 0 20px 60px 10px rgba(255, 255, 255, 0.25); } -/* Ligne lumineuse nette et fine en arc */ .planet::after { content: ""; position: absolute; - top: -3px; /* colle bien au bord */ + top: -3px; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; - border-top: 2.5px solid white; /* ligne légèrement plus épaisse */ + border-top: 2.5px solid white; border-radius: 60% 60% 0 0 / 100% 100% 0 0; mask-image: linear-gradient(to right, transparent 0%, white 40%, white 60%, transparent 100%); pointer-events: none; z-index: 2; } - - - - - - - - - @keyframes twinkle { 0% { opacity: 0.3; transform: scale(0.8); } 100% { opacity: 1; transform: scale(1.2); } } -/* Nébuleuses */ .nebula { position: absolute; border-radius: 50%;