36 lines
609 B
CSS
36 lines
609 B
CSS
body {
|
|
background: #22223b;
|
|
font-family: Arial, sans-serif;
|
|
color: #f2e9e4;
|
|
text-align: center;
|
|
}
|
|
h1 {
|
|
margin-top: 32px;
|
|
color: #9599b2;
|
|
}
|
|
#pong {
|
|
background: #232946;
|
|
display: block;
|
|
margin: 28px auto 12px auto;
|
|
border-radius: 10px;
|
|
box-shadow: 0 2px 12px #bbb;
|
|
}
|
|
#score {
|
|
font-size: 1.2em;
|
|
margin-bottom: 10px;
|
|
color: #f6c90e;
|
|
}
|
|
#restart-btn {
|
|
background: #4a4e69;
|
|
color: #fff;
|
|
font-size: 1em;
|
|
border: none;
|
|
border-radius: 8px;
|
|
padding: 7px 25px;
|
|
cursor: pointer;
|
|
transition: background 0.2s;
|
|
margin-bottom: 20px;
|
|
}
|
|
#restart-btn:hover {
|
|
background: #232946;
|
|
} |