diff --git a/index.html b/index.html index 21b8fc4..14f7a9e 100644 --- a/index.html +++ b/index.html @@ -7,7 +7,7 @@ -
Ready? Match!
+

Ready? Match!

diff --git a/scripts/script.js b/scripts/script.js index 427a03b..2bb5802 100644 --- 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 index 887c66f..31ac46a 100644 --- 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; - } \ No newline at end of file + background-color: #008CBA; + } + + .score { + font-family: "Lato", sans-serif; + font-weight: 400; + text-align: center; + } + \ No newline at end of file