sudoku.css

#setup-game {
    display: flex;
    /* background-color: yellow; */
    margin: 0 auto;
    justify-content: center;
    align-items: center;
}

header {
    text-align: center;
}

#difficulty,
#timer,
#theme {
    margin: 50px;
}

#start-btn {
    justify-self: center;
    width: 300px;
    height: 100px;
    font-size: 25px;
    border-radius: 25px;
}
body.dark{
    background-color: black;
    color: white;
}

p#lives,
p#timer {
    text-align: center;
    font-size: 25pt;
    margin:10px;
}
#game{
    display: flex;
    justify-content: center;
}

#number-container>p {
    border: 2px solid orange;
    /* background-color: greenyellow; */
    border-radius: 20%;
    width: 60px;
    height: 60px;
    font-size: 40pt;
    margin-left: 50px;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
}

#board{
    padding-top:10px;
    margin-top:10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    width:600px;
    height:600px;
    /* background-color: whitesmoke; */
}

.tile{
    border:1px solid gray;
    margin:0px;
    width: 60px;
    height: 60px;
    text-align: center;
    vertical-align:middle;
    font-size: 40pt;
}

.rightBorder{
    border-right: 4px solid grey;
}
.bottomBorder{
    border-bottom: 4px solid grey;
}

.red{
    background-color: red;
}
#won{
    font-size: 50px;
    text-align: center;
    text-transform: uppercase;color: #00d3fd;
    
}
#lost{
    font-size: 50px;
    text-align: center;
    text-transform: uppercase;
    color: red;
}

.selected{
    background-color: lightgrey;

}