Actualizar Interfaz/estilos/Artistas.css

Interfaz/estilos/Artistas.css

@@ -1,6 +1,6 @@
 body {
   font-family: 'Trebuchet MS', sans-serif;
-  background-color: #2E2E2E;
+  background-color: #d9d9d9;
   text-align: center;
   margin: 0;
   padding: 0;
@@ -38,7 +38,7 @@ body {
   left: 0;
   width: 100vw;
   height: 100vh;
-  background: rgba(12, 15, 20, 0.76); 
+  background: rgba(140, 144, 150, 0.76); 
   backdrop-filter: blur(10px); 
   z-index: 0; 
 }
@@ -46,7 +46,7 @@ body {
 .titulo {
   position: relative; 
   z-index: 1; 
-  color: aliceblue;
+  color: rgb(64, 64, 64);
   font-size: 20px; 
   text-align: center;
   margin-top: 60px; 
@@ -99,3 +99,31 @@ body {
 .artista:hover .overlay {
   opacity: 1;
 }
+
+.back-button {
+  position: absolute;
+  top: 60px; 
+  left: 40px; 
+  font-size: 24px; 
+  color: white; 
+  text-decoration: none; 
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 50px; 
+  height: 50px;
+  border-radius: 50%; 
+  background: rgba(255, 255, 255, 0.1); /* Un leve fondo para mejor visibilidad */
+  transition: background 0.3s ease, transform 0.2s ease;
+}
+
+.back-button:hover {
+  background: rgba(255, 255, 255, 0.3); /* Efecto hover más visible */
+  transform: scale(1.1); /* Aumenta ligeramente el tamaño */
+}
+
+.arrow {
+  font-size: 30px; /* Asegura que la flecha sea grande */
+  pointer-events: none; /* Permite que el clic en la flecha también active el botón */
+}
+