.hidden {
    display: none;
}

body.dark {
    background-color: green;
    color: wheat;

}
header {
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 1px solid red;
}

h1 {
    font-size: 45 pt;

}
button {
    justify-content: center;
}

#setup-game {
    display: flex;
    justify-content: center ;
}
#setup-game >*{
    margin-bottom: 10px;
    padding-left: 50px;
    padding-right: 50px;
    display: flex;
    align-items: center;
}

p#timer, p#live {
    font-size:25px;
    font-weight: bold;
    text-align: center;
}

#game{
    display: flex;
    justify-content: center;
}

#number-container >p {
    border: 1px solid black;
    border-radius: 20%;
    width:60px;height: 60px;
    font-size:40pt;margin-left: 50px;margin-top: 5px;margin-bottom: 5px;
    text-align: center;

}


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

.given {
    background-color: greenyellow;
}
#board {
    padding-top: 10px;
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
    width: 600px;
    height: 600px;

}

p.selected {
    background-color: lightblue;
}
p.incorrect {
    color: red;
}

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

footer {
    background-color: lightgray;
    text-align: center;
}

/*# sourceMappingURL=main.css.map*/