fix reset button to hide at beginning of game

README.md

@@ -30,12 +30,14 @@ The goal is simple - choose a category and answer questions. Each question will
 
 ## :wrench:	Basic Improvements (a.k.a. not quite Ice Box)
 
+- Have player score pop 
 - Change timer to display mins:seconds, rather than seconds only
 - Add more questions & more categories
 - Improve Flexbox layout
 
 ## :ice_cube::boxing_glove: Ice Box Features 
 
+- Add option to turn sounds off
 - Answer handling -> after player selects incorrect answer, pause on question, indicate which answer is correct (possibly with additional trivia/info), then click to move to next question
 - Score handling complexity -> instead of simply correct/incorrect, allow each question a "points maximum" for choosing correctly on first attempt, and subtract points for each incorrect guess
 - Category handling -> after finishing 1st category, player can maintain score and proceed on to other categories

css/style.css

@@ -36,7 +36,7 @@ h2 {
 }
 
 #meditate-pic {
-  width:400px;
+  width: 400px;
   margin: 0 0 -60px 0;
 }
 

js/app.js

@@ -21,6 +21,8 @@ const btnCategory3 = document.getElementById("btn-category-3")
 const question = document.getElementById("question-p")
 const answers = document.getElementById("answers-ul")
 const btnReset = document.getElementById("btn-reset")
+btnReset.style.display = 'none' // THIS TESTING
+
 const rulesBtnsDiv = document.getElementById("rules-btns-container")
 const btnContainer = document.getElementById("buttons-container") // for playClick audio purposes
 const questionContainer = document.getElementById("question-container") // fix for "question-container" little black box issue
@@ -51,6 +53,7 @@ function startTimer() {
   countdown.style.display = ''
   countdown.style.margin = '10px'
   countdown.style.padding = '20px'
+  btnReset.style.display = ''
 }
 function updateTimer() {
   countdown.textContent = `Time remaining: ${timerSeconds}s`
@@ -193,6 +196,7 @@ function resetGame(){
   countdown.style.display = 'none'
   questionContainer.style.display = 'none' // fix for "question-container" little black box issue
   playerScoreContainer.style.display = 'none'
+  btnReset.style.display = 'none'
   countdown.textContent = ``
   question.textContent = '' // this line isnt needed?
   answers.innerHTML = ''