update (haha)

README.md

@@ -4,10 +4,12 @@
 - Pro HTML and JS dev
 - Started the project
 - Did all the HTML and JS
+- Bad at CSS
 ## cobblesteve01
 - Pro at every language
 - Joined 2 days after launch
 - Added like 27 sounds
+- Did all the CSS
 > more sounds to come... <br>
 >             - cobblesteve01
 ## bahabryra 

index.html

@@ -21,38 +21,38 @@ <h1 class="head">Soundboard 🎶</h1>
         <!--Also can you guys add like a password or smth so u need the password
         to use the site cuz idk how to do it-->
         <div class="buttons">
-            <button onclick="playSound('sound1')">Get Out</button>
+            <button onclick="playSound('sound1')">Get Out🗣</button>
             <button onclick="playSound('sound2')">Metal Pipe</button>
             <button onclick="playSound('sound3')">Indian Music</button>
             <button onclick="playSound('sound4')">Thick of It</button>
-            <button onclick="playSound('sound1000')">Better Thick of It</button>
+            <button onclick="playSound('sound1000')">Better Thick of It🔥</button>
             <button onclick="playSound('sound5')">Vine Boom</button>
-            <button onclick="playSound('sound6')">Anime</button>
+            <button onclick="playSound('sound6')">Anime⚠️</button>
             <button onclick="playSound('sound7')">Apple Pay Sound</button>
             <button onclick="playSound('sound8')">Bruh</button><br>
-            <button onclick="playSound('sound9')">Bye Bye Mewing</button>
+            <button onclick="playSound('sound9')">Bye Bye Mewing🤫🧏</button>
             <button onclick="playSound('sound10')">Daddy Chill</button>
             <button onclick="playSound('sound11')">Discord Join</button>
             <button onclick="playSound('sound12')">English or Spanish</button>
             <button onclick="playSound('sound13')">WindowsXP Error</button>
             <button onclick="playSound('sound14')">Fortnite Death</button>
-            <button onclick="playSound('sound15')">Hawk Tuah</button>
+            <button onclick="playSound('sound15')">Hawk Tuah😮💦</button>
             <button onclick="playSound('sound16')">Hail Naw Dog</button>
             <button onclick="playSound('sound17')">Hitmarker</button>
-            <button onclick="playSound('sound18')">Huh Cat</button>
+            <button onclick="playSound('sound18')">Huh</button>
             <button onclick="playSound('sound19')">iPhone Notification</button>
-            <button onclick="playSound('sound20')">Just Gimme My Money</button>
+            <button onclick="playSound('sound20')">Just Gimme My Money🤑</button>
             <button onclick="playSound('sound21')">Let Him Cook</button>
-            <button onclick="playSound('sound22')">Mario Jump</button>
+            <button onclick="playSound('sound22')">Mario Jump 🍄</button>
             <button onclick="playSound('sound23')">Villager Trade</button>
             <button onclick="playSound('sound24')">Ring Doorbell</button>
             <button onclick="playSound('sound25')">Rizz Sound</button>
             <button onclick="playSound('sound26')">Samsung Notification</button>
-            <button onclick="playSound('sound27')">Scary TikTok Music</button>
+            <button onclick="playSound('sound27')">Scary TikTok Music😨</button>
             <button onclick="playSound('sound28')">Nick Eh 30 Stream Intro</button>
             <button onclick="playSound('sound29')">UwU</button>
             <button onclick="playSound('sound30')">White Tee Rizz</button>
-            <button onclick="playSound('sound31')">Yo Phone Linging</button>
+            <button onclick="playSound('sound31')">Yo Phone Linging📱</button>
             <!-- Add more buttons as needed -->
         </div>
         <!-- Audio elements for each sound. Add more buttons and use files. -->

style.css

@@ -62,7 +62,7 @@ body {
 
 h1 {
     margin-bottom: 30px;
-    color: #4a90e2; /* Changed to blue */
+    color: #4a90e2; 
 }
 
 .buttons {
@@ -74,7 +74,7 @@ h1 {
 }
 
 button {
-    background-color: #4a90e2; /* Changed to blue */
+    background-color: #4a90e2; 
     color: #222;
     border: none;
     padding: 15px 30px;
@@ -86,7 +86,7 @@ button {
 }
 
 button:hover {
-    background-color: #79a6f7; /* Lighter blue for hover */
+    background-color: #79a6f7; 
     scale: 110%;
     box-shadow: 0 0 20px #79a6f7;
 }