update
This commit is contained in:
parent
8521834c15
commit
c38f48b727
4 changed files with 185 additions and 0 deletions
49
JavaScript Solution/styles.css
Normal file
49
JavaScript Solution/styles.css
Normal file
|
@ -0,0 +1,49 @@
|
|||
.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;
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue