body {
	background: #222;
}

.reveal h2 {
	font-size: 3em;
}

.reveal .slides section {
	height: 100%;
	text-align: left;
}

.reveal .slides section:not(.stack) {
	width: 100%;
	padding: 5%;

	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

/*********************************************
 * LINEAR TRANSITION
 *********************************************/

.reveal.linear .slides>section.past {
	opacity: 0.3;
	-webkit-transform: translate(-100%, 0);
	   -moz-transform: translate(-100%, 0);
	    -ms-transform: translate(-100%, 0);
	     -o-transform: translate(-100%, 0);
	        transform: translate(-100%, 0);
}
.reveal.linear .slides>section.future {
	opacity: 0.3;
	-webkit-transform: translate(100%, 0);
	   -moz-transform: translate(100%, 0);
	    -ms-transform: translate(100%, 0);
	     -o-transform: translate(100%, 0);
	        transform: translate(100%, 0);
}

.reveal.linear .slides>section>section.past {
	opacity: 0.3;
	-webkit-transform: translate(0, -100%);
	   -moz-transform: translate(0, -100%);
	    -ms-transform: translate(0, -100%);
	     -o-transform: translate(0, -100%);
	        transform: translate(0, -100%);
}
.reveal.linear .slides>section>section.future {
	opacity: 0.3;
	-webkit-transform: translate(0, 100%);
	   -moz-transform: translate(0, 100%);
	    -ms-transform: translate(0, 100%);
	     -o-transform: translate(0, 100%);
	        transform: translate(0, 100%);
}

/*********************************************
 * CONCAVE TRANSITION
 *********************************************/

.reveal.concave  .slides>section.past {
	-webkit-transform: translate3d(-49.5%, 0, 0) rotateY(25deg) translate3d(-49.5%, 0, 0);
	   -moz-transform: translate3d(-49.5%, 0, 0) rotateY(25deg) translate3d(-49.5%, 0, 0);
	    -ms-transform: translate3d(-49.5%, 0, 0) rotateY(25deg) translate3d(-49.5%, 0, 0);
	        transform: translate3d(-49.5%, 0, 0) rotateY(25deg) translate3d(-49.5%, 0, 0);
}
.reveal.concave  .slides>section.future {
	-webkit-transform: translate3d(49.5%, 0, 0) rotateY(-25deg) translate3d(49.5%, 0, 0);
	   -moz-transform: translate3d(49.5%, 0, 0) rotateY(-25deg) translate3d(49.5%, 0, 0);
	    -ms-transform: translate3d(49.5%, 0, 0) rotateY(-25deg) translate3d(49.5%, 0, 0);
	        transform: translate3d(49.5%, 0, 0) rotateY(-25deg) translate3d(49.5%, 0, 0);
}

.reveal.concave  .slides>section>section.past {
	-webkit-transform: translate3d(0, -49.5%, 0) rotateX(-25deg) translate3d(0, -49.5%, 0);
	   -moz-transform: translate3d(0, -49.5%, 0) rotateX(-25deg) translate3d(0, -49.5%, 0);
	    -ms-transform: translate3d(0, -49.5%, 0) rotateX(-25deg) translate3d(0, -49.5%, 0);
	        transform: translate3d(0, -49.5%, 0) rotateX(-25deg) translate3d(0, -49.5%, 0);
}
.reveal.concave  .slides>section>section.future {
	-webkit-transform: translate3d(0, 49.5%, 0) rotateX(25deg) translate3d(0, 49.5%, 0);
	   -moz-transform: translate3d(0, 49.5%, 0) rotateX(25deg) translate3d(0, 49.5%, 0);
	    -ms-transform: translate3d(0, 49.5%, 0) rotateX(25deg) translate3d(0, 49.5%, 0);
	        transform: translate3d(0, 49.5%, 0) rotateX(25deg) translate3d(0, 49.5%, 0);
}