    html {
        height: 100%;
    }
    body {
        border: 0px;
        margin: 0px;
        padding: 0px;
        height: 100%;
    }
    body,
    div,
    canvas {
        -webkit-text-size-adjust: none;
        -webkit-user-select: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-touch-callout: none;
        overflow: hidden;
    }
    div {
        font-size: 18px;
    }

    #info {
        position: absolute;
        z-index: 1000;
        border: 1px solid blue;
        top:50px;
        left:50px;
    }


    #swipeArea {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        padding: 0px;
        margin: 0px;
        background-color: white;
        border: 1px solid blue;
        color: black;
    }
    .end-tween {
        transition: transform 300ms ease;
        -webkit-transition: -webkit-transform 300ms ease;
    }

    .page-container {
        position: absolute;
        width: 100%;
        left: 0px;
        top: 0px;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
    }
    .page-tween {
        transition: transform 500ms cubic-bezier(0.39, 0.575, 0.565, 1);
        -webkit-transition: -webkit-transform 500ms cubic-bezier(0.39, 0.575, 0.565, 1);
    }

    .page {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid #336699;
        width: 100%;
        height: 100%;
        background-color: #ccddff;
        font-size: 40px;
        line-height: 200px;
        text-align: center;
    }
