html, body {
    margin: 0;
    height: 100%;
}


/* helpers */

.t {
    display: table;
    width: 100%;
    height: 100%;
    margin: 50px 0;
}

.tc {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.rel {
    position: relative;
}

/* book */

.book {
    margin: 0 auto;
    width: 90%;
    height: 90%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.book .page {
    height: 100%;
}

.book .page img {
    max-width: 100%;
    height: 100%;
}

.controls {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 99;
	padding-top: 10%;
}

.controls .control {
	width: 40px;
	height: 20px;
	background-color: rgba(0, 0, 0, .5);
	color: white;
	cursor: pointer;
	padding: 100px 0;
  	font-size: 32px;
}

.controls .left-control {
	float: left;
}

.controls .right-control {
	float: right;
}