Sudoku

by Kofod

HTML

<!-- ARTICLE START -->
<!-- SUDOKU START -->
<div style="position: relative; width: 688px; height: 500px; background: url('https://i.imgur.com/COoiE1y.png'); background-position: center center; background-repeat: no-repeat;">
    <div id="sudokubokkusu" style="background: url('https://i.imgur.com/jnF2stT.png'); overflow: visible; position: relative; width: 324px; height: 324px; top: 62px; left: 25px; margin-right: -324px; margin-bottom: -324px; font-size: 0; text-align: center;">
    
        <!-- section 1 row 1 -->
        <div class="colorselection" style="margin: 3px 0 0 0px; ">&nbsp;</div>
        <div class="colorselection">&nbsp;</div>
        <div class="colorselection">3</div>
        <div class="colorselection" style="margin-left: 3px;">&nbsp;</div>
        <div class="colorselection">&nbsp;</div>
        <div class="colorselection">7</div>
        <div class="colorselection" style="margin-left: 3px; background-color: #a5848d;">&nbsp;</div>
        <div class="colorselection">&nbsp;</div>
        <div class="colorselection">&nbsp;</div>
        <br>
        <!-- section 1 row 2 -->
        <div class="colorselection" style="margin: 1px 0 0 0px;">4</div>
        <div class="colorselection" style="background-color: #a5848d;">&nbsp;</div>
        <div class="colorselection">9</div>
        <div class="colorselection" style="margin-left: 3px;">&nbsp;</div>
        <div class="colorselection">&nbsp;</div>
        <div class="colorselection">6</div>
        <div class="colorselection" style="margin-left: 3px;">5</div>
        <div class="colorselection">&nbsp;</div>
        <div class="colorselection">&nbsp;</div>
        <br>
        <!-- section 1 row 3 -->
        <div class="colorselection" style="margin: 1px 0 0 0px;">&nbsp;</div>
        <div class="colorselection">2</div>
        <div class="colorselection">8</div>
        <div class="colorselection" style="margin-left: 3px;">9</div>
        <div class="colorselection"style="background-color:...