Octavia/odin-rock-paper-scissors
Watch
1
0
Fork
You've already forked odin-rock-paper-scissors
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Change background color, add button shadow, remove unnecessary spaces

Browse source
This commit is contained in:
lolabird 2023-12-31 17:53:57 -07:00
commit 16c9e33854
2 changed files with 5 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

4
index.html
View file

@ -11,14 +11,14 @@
<header><h1>Rock Paper Scissors</h1></header> <header><h1>Rock Paper Scissors</h1></header>
<main> <main>
<div class = "buttons"> <div class="buttons">
<button class="button" id="rock">Rock</button> <button class="button" id="rock">Rock</button>
<button class="button" id="paper">Paper</button> <button class="button" id="paper">Paper</button>
<button class="button" id="scissors">Scissors</button> <button class="button" id="scissors">Scissors</button>
</div> </div>
<div class = "score"> <div class="score">
<div class="score-text"> You: <span id="player">0</span></div> <div class="score-text"> You: <span id="player">0</span></div>
<div class="score-text">Compy: <span id="computer">0</span></div> <div class="score-text">Compy: <span id="computer">0</span></div>
</div> </div>

5
styles/style.css
View file

@ -1,7 +1,7 @@
body { body {
background-image: url("../images/paper-5985445_1920.jpg"); background-image: url("../images/paper-5985445_1920.jpg");
background-size: cover; background-size: cover;
background-color: rgb(221, 125, 104); background-color: rgb(138, 138, 138);
color: #fff; color: #fff;
text-align: center; text-align: center;
height: 100vh; height: 100vh;
@ -39,7 +39,8 @@ button {
font-family: "Purisa", cursive; font-family: "Purisa", cursive;
font-size: 30px; font-size: 30px;
font-weight: bold; font-weight: bold;
text-shadow: 2px 2px 4px rgba(233, 233, 233, 0.973) text-shadow: 2px 2px 4px rgba(233, 233, 233, 0.973);
box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
} }
.button { .button {