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

Add button styles and turn off repeat for background image

Browse source
This commit is contained in:
lolabird 2023-12-31 17:59:50 -07:00
commit fb27080244
1 changed files with 3 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

3
styles/style.css
View file

@ -1,6 +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-repeat: no-repeat;
background-color: rgb(138, 138, 138); background-color: rgb(138, 138, 138);
color: #fff; color: #fff;
text-align: center; text-align: center;
@ -30,6 +31,7 @@ main {
.buttons { .buttons {
display: flex; display: flex;
justify-content: center; justify-content: center;
flex-wrap: wrap;
} }
button { button {
@ -41,6 +43,7 @@ button {
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); box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
cursor: pointer;
} }
.button { .button {