@page {
    /* dimensions for the whole page */
    size: A4;
	border-bottom: 1px solid #8c8c8c;
    margin: 0px 20px 100px 60px;
  }
}


/*html {
     off-white, so body edge is visible in browser 
    background: #eee;
}

body {
    /* A5 dimensions 

    margin: 0;
}

/* fill half the height with each face 
.face {
    height: 50%;
    width: 100%;
    position: relative;
}

/* the back face 
.face-back {
    background: #f6f6f6;
}

/* the front face 
.face-front {
    background: #fff;
}

/* an image that fills the whole of the front face 
.face-front img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}