50 lines
1.2 KiB
CSS
50 lines
1.2 KiB
CSS
|
.sudoku-container {
|
||
|
|
margin: 50px auto;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
#sudoku-board {
|
||
|
|
border-collapse: collapse;
|
||
|
|
margin: 0 auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
#sudoku-board td {
|
||
|
|
border: 1px solid #000;
|
||
|
|
width: 50px;
|
||
|
|
height: 50px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#sudoku-board input {
|
||
|
|
height: 100%;
|
||
|
|
max-width: 50px;
|
||
|
|
text-align: center;
|
||
|
|
font-size: 1.2em;
|
||
|
|
}
|
||
|
|
@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Koulen&family=Lato&family=Nunito&family=Playfair+Display:ital@1&family=Prata&family=Raleway:ital,wght@1,100&family=Roboto&family=Roboto+Condensed&family=Teko&display=swap");
|
||
|
|
|
||
|
|
.validButton {
|
||
|
|
margin-top: 20px;
|
||
|
|
font-family: Roboto, sans-serif;
|
||
|
|
font-weight: 0;
|
||
|
|
font-size: 14px;
|
||
|
|
color: #fff;
|
||
|
|
background: linear-gradient(90deg, #0066cc 0%, #c500cc 100%);
|
||
|
|
padding: 10px 30px;
|
||
|
|
border: 2px solid #0066cc;
|
||
|
|
box-shadow: rgb(0, 0, 0) 0px 0px 0px 0px;
|
||
|
|
border-radius: 50px;
|
||
|
|
transition: 1000ms;
|
||
|
|
transform: translateY(0);
|
||
|
|
align-items: center;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
.validButton:hover {
|
||
|
|
transition: 1000ms;
|
||
|
|
padding: 10px 50px;
|
||
|
|
transform: translateY(-0px);
|
||
|
|
background: linear-gradient(90deg, #0066cc 0%, #c500cc 100%);
|
||
|
|
color: #0066cc;
|
||
|
|
border: solid 2px #0066cc;
|
||
|
|
}
|