* {
    margin: 0px;
    padding: 0px;
}

#content {
    height: 1024px;
    width: 768px;
    overflow: hidden;
    position: relative;
}

#imgs {
    float: left;
    display: inline;
    padding: 0;
    margin: 0;
    width: 4618px;
    transition-property: transform;
    transition-duration: 0.5s;
    transition-timing-function: ease-out;
    /*apply a transform to kick in the hardware acceleration.  Without this, the first
            time we add the transform you get odd rendering of the divs (half missing) */
    transform: translate(0, 0);
}

    #imgs img {
        padding: 0;
        margin: 0;
        /*width: 100%;
                height: auto;
                /*apply a transform to kick in the hardware acceleration.  Without this, the first
            time we add the transform you get odd rendering of the divs (half missing) */
        transform: translate(0, 0);
    }

.sayfa {
    width: 768px;
    height: 1024px;
    float: left;
}

.purchase {
    color: white;
    text-decoration: none;
    font-family: digital-7regular, sans-serif;
    font-size: 14px;
}

.scratchCard canvas {
    background-size: contain;
}

.swipeable {
    height: 1024px;
    width: 768px;
}