* {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
     -ms-box-sizing: border-box;
    box-sizing: border-box;
   

    /*
     * Can be used to get performance gains - remember to set ponter-events: all on the objects that actually needs pointer-events
     pointer-events: none;
     -webkit-transform-style: flat;*/

    /*
     user-select is disabled so images dont get selected during drag.
     */
   /* -moz-user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;*/
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-overflow-scrolling: touch;
}

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #939898;
    font-family: 'Chronicle Deck A', 'Chronicle Deck B';
}

.smart-object {
    position: absolute;
    -webkit-backface-visibility: "hidden";
    -moz-backface-visibility: "hidden";
    -ms-backface-visibility: "hidden";
    -o-backface-visibility: "hidden";
    backface-visibility: "hidden";
    -webkit-transform-style: "flat";
    -moz-transform-style: "flat";
    -ms-transform-style: "flat";
    -o-transform-style: "flat";
    transform-style: "flat";
}

.chronicleDeck {
    font-family: 'Chronicle Deck A', 'Chronicle Deck B';
}

.knockout30 {
    font-family: 'Knockout 30 A', 'Knockout 30 B';
    font-weight: 400;
    font-style: normal;
}

.knockout53 {
    font-family: 'Knockout 53 A', 'Knockout 53 B';
    font-weight: 400;
    font-style: normal;
}

.knockout54 {
    font-family: 'Knockout 54 A', 'Knockout 54 B';
    font-weight: 400;
    font-style: normal;
}


.chronicleDeckSemiNormal {
    font-family: 'Chronicle Deck A', 'Chronicle Deck B';
    font-weight: 600;
    font-style: normal;
}

.chronicleDeckSemiItalic {
    font-family: 'Chronicle Deck A', 'Chronicle Deck B';
    font-weight: 600;
    font-style: italic;
}

.chronicleDeckBoldNormal {
    font-family: 'Chronicle Deck A', 'Chronicle Deck B';
    font-weight: 700;
    font-style: normal;
}

.chronicleDeckBoldItalic {
    font-family: 'Chronicle Deck A', 'Chronicle Deck B';
    font-weight: 700;
    font-style: italic;
}

.chronicleDeckBlackNormal {
    font-family: 'Chronicle Deck A', 'Chronicle Deck B';
    font-weight: 800;
    font-style: normal;
}

.chronicleDeckBlackItalic {
    font-family: 'Chronicle Deck A', 'Chronicle Deck B';
    font-weight: 800;
    font-style: italic;
}

a {
    text-decoration: none;
}