body 
{
	-webkit-user-select: none;  
	-moz-user-select: none;    
	-ms-user-select: none;      
	user-select: none;
}
#deck
{
	min-height:400px;
	list-style:none;
	margin:15px auto;
	padding:10px;
	position:relative;
	text-align:center;
	width:98%;
}
.card
{
	-webkit-perspective:1600;
	perspective:1600;
	color:black;
	display:none;
	font-size:24px;
	min-height:400px;	
	position:relative;
	width:98%;
	padding:10px;
}
.card:first-child
{
	display:block;
}
.side_one,.side_two
{
	
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	/*
	background-image:-webkit-gradient(linear, 50% 0%, 50% 30, color-stop(0%, #ffffff), color-stop(96.667%, #ffffff), color-stop(100%, #0080ff));
	background-image:-webkit-linear-gradient(#ffffff 0px,#ffffff 29px,#0080ff 30px);
	background-image:-moz-linear-gradient(#ffffff 0px,#ffffff 29px,#0080ff 30px);
	background-image:-o-linear-gradient(#ffffff 0px,#ffffff 29px,#0080ff 30px);
	background-image:-ms-linear-gradient(#ffffff 0px,#ffffff 29px,#0080ff 30px);
	background-image:linear-gradient(#ffffff 0px,#ffffff 29px,#0080ff 30px);
	*/
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-ms-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
	font-size:20px;
	background-position:50%;
	height:inherit;
	position:absolute;
	width:inherit
}
/*
.current .side_one,.current.flip .side_two
{
	-webkit-box-shadow:0 3px 5px #000;
	-moz-box-shadow:0 3px 5px #000;
	box-shadow:0 3px 5px #000
}
*/
.current.flip .side_one
{
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none
}
.side_one
{
	-webkit-transform:rotateX(0deg);
	transform:rotateX(0deg);
	-webkit-transform-style:preserve-3d;
	transform-style:preserve-3d;
	z-index:900
}
.flip .side_one
{
	width:100%;
	-webkit-transform:rotateX(180deg);
	transform:rotateX(180deg);
	font-size:120px;
}
.side_two
{
	-webkit-transform:rotateX(-180deg);
	transform:rotateX(-180deg);
	-webkit-transform-style:preserve-3d;
	transform-style:preserve-3d;
	z-index:800;
	color:navy;
	font-size:20px;
	vertical-align:middle;
	text-align:justify;
	
}
.flip .side_two
{
	-webkit-transform:rotateX(0deg);
	transform:rotateX(0deg);
	z-index:1000;
	vertical-align:middle;
}
.card P
{
	
	/*
	background-image:-webkit-gradient(linear, 50% 0%, 50% 44, color-stop(0%, #ffffff), color-stop(97.727%, #ffffff), color-stop(100%, #ff78b4));
	background-image:-webkit-linear-gradient(#ffffff 0px,#ffffff 43px,#ff78b4 44px);
	background-image:-moz-linear-gradient(#ffffff 0px,#ffffff 43px,#ff78b4 44px);
	background-image:-o-linear-gradient(#ffffff 0px,#ffffff 43px,#ff78b4 44px);
	background-image:-ms-linear-gradient(#ffffff 0px,#ffffff 43px,#ff78b4 44px);
	background-image:linear-gradient(#ffffff 0px,#ffffff 43px,#ff78b4 44px);

	background-size:100% 45px;

	background-repeat:repeat-x;
	display:table-cell;
	*/

	vertical-align:middle;
	width:100%
}
.side_one h1{margin-top:100px;
color:red;
}
#nav_deck{color:#fff;
position:relative}
.icon{cursor:pointer}
.icon:before{content:attr(data-icon);
font-family:'Flash Cards';
visibility:visible}
.visuallyhidden{border:0;
clip:rect(0 0 0 0);
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px}
#prev:before,#next:before,#flipper:before{font-size:30px;
padding:10px;
position:absolute;
width:40px}
#prev:before{left:0}
#next:before{right:0}
#flipper:before{left:50%;
margin-left:-30px}

#keyboard_shortcuts{background:#000;
display:none;
left:0;
padding:20px;
position:absolute;
bottom:0;
z-index:99999}
#keyboard_shortcuts h1{text-align:center}
#keyboard_shortcuts td{padding:15px;
text-align:left;
width:300px}
#keyboard_shortcuts td:first-child{text-align:right}
.or{color:#222;
padding:0 10px}
#keyboard_shortcuts_toggle{cursor:pointer;
position:absolute;
right:25px;
top:25px}
#keyboard_shortcuts_toggle:before{-webkit-border-radius:20px;
-moz-border-radius:20px;
-ms-border-radius:20px;
-o-border-radius:20px;
border-radius:20px;
-webkit-background-clip:padding;
-moz-background-clip:padding;
background-clip:padding-box;
background:#0080ff;
border:1px solid #fff;
color:#fff;
font-size:25px;
height:20px;
padding:5px;
width:20px}
.no-csstransforms3d .flip .side_one,.no-csstransforms3d .side_two{-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
-ms-transition:all 0.4s ease-in-out;
-o-transition:all 0.4s ease-in-out;
transition:all 0.4s ease-in-out;
opacity:0}
.no-csstransforms3d .flip .side_two{-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
-ms-transition:all 0.4s ease-in-out;
-o-transition:all 0.4s ease-in-out;
transition:all 0.4s ease-in-out;
opacity:1}