Your commit message here

main.css

@@ -213,3 +213,12 @@ main {
 .singer-item img:hover, .trending-item img:hover {
     transform: scale(1.1);
 }
+
+.ilo{
+    color: #f50202;
+}
+.ilo:hover{
+    background: #f50202;
+    color: #ffffff;
+
+}

main.html

@@ -23,21 +23,25 @@ <h1 style="font-family:monospace"> Carmen     </h1>
                     <li><a href="#albums">Albums</a></li>
                     <li><a href="#singers">Singers</a></li>
                     <li><a href="#trending">Trending</a></li>
-                    <li><button class="ilo" style="width: 80px;height: 40px; font-family: cursive; border: none;border-radius: 10px; font-size: large;">Login</button></li>
+                    <li><button class="ilo" style="width: 80px;height: 40px; font-family:sans-serif; border: none;border-radius: 10px; font-size: large;">Login</button></li>
                 </ul>
             </div>
             <main>
                 <section id="albums" class="section">
                     <h2>Albums</h2>
                     <div class="albums">
                         <div class="album-item" onclick="showSongs('Eurovision 2024')">
-                            <img src="image/Eurovision 2024/malmo_2024_logo_7-1280x720.png" alt="Eurovision 2024" style="height: 150px;width:165px">
+                            <img src="image/Eurovision 2024/malmo_2024_logo_7-1280x720.png" alt="Eurovision 2024" style="height: 150px;width:185px">
                             <p>Eurovision 2024</p>
                         </div>
                         <div class="album-item" onclick="showSongs('GTA')">
                         <img src="image/pop/download.jfif" alt="Album 2">
                             <p>GTA 5 Pop :)</p>
                         </div>
+                        <div class="album-item" onclick="showSongs('Euro 2019')">
+                            <img src="image/Eurovision 2024/Euro 2024.jpg" alt="Album 3" style="height: 150px;width:185px">
+                                <p>Eurovision 2019</p>
+                            </div>
 
                     </div>
                 </section>
@@ -58,8 +62,8 @@ <h2>Singers</h2>
                     <h2>Trending</h2>
                     <div class="trending">
                         <div class="trending-item">
-                            <img src="trending1.jpg" alt="Trending 1">
-                            <p>Trending 1</p>
+                            <img src="image/pop/Naturals.jpg" alt="Trending 1">
+                            <p>Natural</p>
                         </div>
                         <div class="trending-item">
                             <img src="trending2.jpg" alt="Trending 2">
@@ -90,7 +94,7 @@ <h3 id="banneri2" style="font-family: 'Courier New', Courier, monospace;"></h3>
             </main>
         </div>
         <footer>
-            <p>&copy; 2024 Music Streaming</p>
+            <p >&copy; 2024 Carmen.inc         </p>
         </footer>
     </div>
     <script src="main.js"></script>

main.js

@@ -8,7 +8,7 @@ if(albumTitle=='Eurovision 2024'){
     // Add songs dynamically (for demo purposes, you can replace with your data)
     const songs = ['Hurricane', 'Zari', 'The code','Doomsday Blue','Rim Tim Tagi Dim','Teresa and Maria','Mon amour','Europapa','Jako','Özünlə Apar','La Noia'];
     const lang=['English','Greek','English','English','English','Ukranian','French','Dutch','Armenian','Azerbaijani','Italian'];
-
+   
     songs.forEach((song, index) => {
         let li=document.createElement('li');
         li.textContent = `${song} -  (${lang[index]})`;
@@ -19,8 +19,8 @@ if(albumTitle=='Eurovision 2024'){
 }
 else if(albumTitle=='GTA')
 {
-    const songs = ['Lady Hear Me Tonight','Radio Gaga'];
-    const lang=['Modjo','Queen'];
+    const songs = ['Lady Hear Me Tonight','Radio Gaga','Music Sounds Better With You'];
+    const lang=['Modjo','Queen','Stardust'];
 
     songs.forEach((song, index) => {
         let li=document.createElement('li');
@@ -30,6 +30,17 @@ else if(albumTitle=='GTA')
         songsList.appendChild(li);
     });
 }
+else if(albumTitle=='Euro 2019'){
+    const eur219=['She Got Me', "Toy","Arcade","Truth"]
+    const art=['- Luca Hänni ',"- Netta","- Duncan Laurence","- Chingiz Mustafayev"]
+    eur219.forEach((song, index) => {
+        let li=document.createElement('li');
+        li.textContent = `${song} - by ${art[index]}`;
+
+        li.addEventListener('click', () => playSong(song,art[index])); // Pass song title to playSong function 
+        songsList.appendChild(li);
+    });
+}
 
     // Show the song list overlay
     document.getElementById('song-list').style.display = 'block';