/* with css reset */
table { margin: 10px; }

tr:first-child td {
	border-top: 3px solid;
}

tr:nth-child(3n) td {
	border-bottom: 3px solid;
}
td {
	border: 1px dashed;
	height: 40px;
	width: 40px;
}
td:first-child {
	border-left: 3px solid;
}
td:nth-child(3n) {
	border-right: 3px solid;
}
input {
	padding: 0;
	text-align: center;
	border: 0;
	height: 40px;
	width: 40px;
}

@media (max-width: 576px) {
    td {
        height: 30px;
        width: 30px;
    }
    input {
        height: 30px;
        width: 30px;
    }
}

.sudoku-bg {
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5)),
                url('/static/sudoku_game/img/sudoku.jpg') 0px 0px no-repeat;
    background-size: cover;
    background-position: center center;
}

.sudoku-game{
    width: 260px;
}

.circle-div {
    width: 150px;
    height: 150px;
}

.circle-pic {
    height: 100%;
    width: auto;
}