* { 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;    
    box-sizing: border-box;        
} 

textarea:focus, input:focus{
    outline: none;
}

canvas {
    image-rendering: optimizeSpeed;            
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -o-crisp-edges;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}

/* #myCanvas, #scandinavian, #myCanvas img { */
#myCanvas, #scandinavian, #myCanvas img {
    /* position: absolute; */
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 722px;
    height: 742px;
}

#scandinavian, #myCanvas img {
    position: absolute;
}

.bordered {
    border: 1px dotted black;
}

.inner {
    /* width: 795px;
    height: 872px; */
    width: auto;
    height: auto;
    padding: 3px;
    display: block;
    /* fix padding issue on top and left */
    padding-left: 0px;
    padding-top: 0px;
}

table#crossword {
    border-collapse: collapse;
}

table#crossword td {
    height: 70px;
    width: 70px;
    position: relative;
}

table#crossword input, table#crossword .behind_input {
    /* width: 68px; 
    height: 70px; */
    width: 70px; 
    height: 72px;
    position: relative;
    text-align: center;
    font-weight: bold;
    font-size: 32px;
    line-height: 34px;
    border: none;
    text-transform: uppercase;
    background: transparent;
}

table#crossword .behind_input {
    position: absolute;
    /* position: relative; */
    width: 70px;
    padding-top: 1px;
}

table#crossword td.current .behind_input {
    background: #F9F71B;
    opacity: 0.4;
}

table#crossword td.selected .behind_input {
    background: #D4D377;
    opacity: 0.4;
}



/* table#crossword input.selected {
    background: #eeeeee;
} */