diff --git a/index.html b/index.html
index 50edf56..26cdb52 100644
--- a/index.html
+++ b/index.html
@@ -6,6 +6,7 @@
TTC
+
@@ -36,12 +37,12 @@
@@ -60,11 +61,11 @@
function playAudio(btn) {
if(x.paused) {
x.play();
- document.querySelector(".btn-primary").innerHTML = "Pause Music";
+ document.querySelector(".btn-primary").innerHTML = "▶";
}
else {
x.pause();
- document.querySelector(".btn-primary").innerHTML = "Play Music";
+ document.querySelector(".btn-primary").innerHTML = "▌▌";
}
}
@@ -152,9 +153,9 @@ Scoreboard
});
if (darkToggle[1].textContent === "Dark Mode"){
- darkToggle[1].textContent = "Light Mode"
+ darkToggle[1].textContent.innerHTML = "☽"
} else {
- darkToggle[1].textContent = "Dark Mode"
+ darkToggle[1].textContent.innerHTML = "☾"
}
hero.classList.toggle("dark-hero");
diff --git a/style.css b/style.css
index 4c0c4c9..acfa318 100644
--- a/style.css
+++ b/style.css
@@ -75,7 +75,10 @@ nav {
padding: 3px;
text-align: center;
}
-
+nav input {
+ margin-left: 10px;
+ width: 15%;
+}
button {
outline: none;
border: 4px solid green;
@@ -461,4 +464,4 @@ thead{
.btn-sound:hover {
background-color: rgb(94, 143, 206);
-}
\ No newline at end of file
+}