lipstick

AccessLibCon · Sep 23, 2020 · 2dde0ee · 2dde0ee
1 parent 2db9560
commit 2dde0ee
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 6 deletions.
diff --git a/index.html b/index.html
@@ -7,7 +7,7 @@
     <script src="scripts/script.js"></script>
   </head>
   <body>
-    <div class="score">Ready? Match!</div>
+    <div class="score"><h1>Ready? Match!</h1></div>
     <div class="gameboard">
         <div class="card"></div>
         <div class="card"></div>

diff --git a/scripts/script.js b/scripts/script.js
@@ -36,8 +36,8 @@ function removeCards() {
   second = chosen.shift();
   cards = document.querySelectorAll('.card');
   cards[first].classList.add('found');
-  cards[second].classList.add('found');
-  document.querySelector('.score').innerHTML = `${++score} matches found in ${clicks/2} tries.`;
+  cards[second].classList.add('found'); 
+  document.querySelector('div.score > h1').innerHTML = `${++score} matches found in ${clicks/2} tries.`;
 }
 
 document.addEventListener('DOMContentLoaded', function() {

diff --git a/styles/style.css b/styles/style.css
@@ -7,12 +7,20 @@
     background-image:
       url("../images/access.png");
       background-size: cover;
-    border: 1px solid darkblue; 
+    border: 1px solid #008CBA; 
     border-radius: 10px; 
+    box-shadow: 0px 7px 10px #008CBA;
     height: 180px;
     width: 200px;
   }
 
   .found {
-    background-color: darkblue;
-  }
+    background-color: #008CBA;
+  }
+
+  .score {
+    font-family: "Lato", sans-serif;
+    font-weight: 400;
+    text-align: center;
+  }
+