65 lines
938 B
CSS
65 lines
938 B
CSS
.header {
|
|
padding: 2%;
|
|
background-color: rgb(131, 53, 241);
|
|
font-size: 50px;
|
|
text-align: center;
|
|
width: 100%;
|
|
color: white;
|
|
}
|
|
|
|
.footer {
|
|
padding: 2%;
|
|
background-color: red;
|
|
font-size: 50px;
|
|
text-align: center;
|
|
width: 100%
|
|
}
|
|
|
|
.dashboard {
|
|
padding: 3% 1%;
|
|
}
|
|
|
|
h1 {
|
|
text-align: center;
|
|
}
|
|
|
|
.display-board {
|
|
width: 100%;
|
|
background-color: rgba(179, 242, 163, 0.719);
|
|
padding: 5%;
|
|
}
|
|
|
|
.number {
|
|
color: red;
|
|
font-size: 75px;
|
|
text-align: center;
|
|
}
|
|
|
|
.mrgnbtm {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.gamebox button {
|
|
width: 100px;
|
|
height: 100px;
|
|
border: 1px solid #000;
|
|
display: inline-block;
|
|
font-size: 30px;
|
|
color: #ff6a00;
|
|
}
|
|
|
|
.gamebox {
|
|
margin: 0 auto;
|
|
max-width: 300px;
|
|
display: grid;
|
|
justify-items: center;
|
|
align-content: space-around;
|
|
grid-template-columns: repeat(3, 1fr);
|
|
}
|
|
|
|
.replay {
|
|
border: 1px solid #ddd;
|
|
height: 60px;
|
|
margin-top: 20px;
|
|
padding: 10px;
|
|
} |