body {
	background:blue;
}
.page {
	position:relative;
	margin:auto;
	width:480px;
}
.randomize {
	position:absolute;
	top:520px;
	left:90px;
}
.Afirst
{
	position:absolute;
	top:520px;
	right:90px;
}
.card {
	position:absolute;
	top:0px;
	left:80px;
	width:320px;
	max-width:320px;
	height:512px;
	max-height:512px;
	border:1px solid black;
	border-radius:10px;
	background:white;
	display:table;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	z-index:1;
}
.cardContent {
	display:table-cell;
	vertical-align:middle;
	padding:5px;
	max-width:502px;
	max-height:310px;
}
.cardText {
	font-size:22px;
}
.clickForAnswer {
	position: absolute;
	bottom:5px;
	right:5px;
}
.backOfcard {
	position:absolute;
	top:0px;
	left:80px;
	width:320px;
	max-width:320px;
	height:512px;
	max-height:512px;
	border:1px solid black;
	border-radius:10px;
	background:white;
	display:table;
	transform:rotateY(180deg);
	-webkit-transform:rotateY(180deg);
	-o-transform:rotateY(180deg);
	-moz-transform:rotateY(180deg);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	z-index:0;
}
.backOfcardContent {
	display:table-cell;
	vertical-align:middle;
	padding:5px;
	max-width:502px;
	max-height:310px;
}
.answer {
	font-size:26px;
}
#audio {
	max-width:310px;
}
.next {
	position:absolute;
	top:231px;
	right:0px;
	margin-left:30px;
	float: right;
}
.previous {
	position:absolute;
	top:231px;
	left:0px;
	margin-right:30px;
	float:left;
}
#img {
	max-width:310px;
	max-height:502px;
	display:none;
}