html, body{
    width: 100%;
    height: 100%;
    margin: 0;
    border: 0;
    padding: 0;
    background-color:#0178ef;
    overflow: hidden;
}

#canvasHolder {
    left:     0px;
    top:      0px;
    overflow:hidden;
    background-color:#00;
}

#testCanvas{

    position: absolute;
    left:     0px;
    top:      0px;
}

canvas, img {
    image-rendering: optimizeQuality;
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;

}

#rotate {
    background-image:url(../orientation.png);
    background-position:center;
    background-repeat:no-repeat;
    background-color:#0c0076;
    background-size: contain;
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    display:none;
    margin: 0;
    padding:0;

}


@font-face {
    font-family: 'Knewave';
    font-style: normal;
    font-weight: 400;
    src: url(../../fonts/knewave.woff) format('woff');
url(http://themes.googleusercontent.com/static/fonts/knewave/v3/KH_g_5CSXu1tH8Qrr0aAAQ.woff) format('woff');
}