#mainDiv {
  display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0px;
	width: 100%;
	height: calc(45vw);
}
#titleDiv{
	height: calc(100vw*0.45*5.2/100);
	font-size: 2.0vw;
}
#cardarenaDiv {
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: space-around;
	width: calc(100vw*45/100);
	height: calc(100vw*45/100*0.8);
	margin: 0px;
    /*font-size: large;*/
}
.card {
	width: calc(100vw*0.45*11.4/100);
	height: calc(100vw*0.45*11.4/100*3/2);
	border-style: solid;
	border-width: calc(100vw*0.01/6);;
	border-radius: 5%;
	border-color: #EEEEEE;
	margin: calc(100vw*0.008/6);
    background-size: cover;
}
.card.back{
    background-image:url(./cardimage/back@2x.png) !important;
}
#progressDiv{
	height: calc(100vw*0.45*5.2/100);
	font-size: 1.6vw;
}
#startoverButton {
	font-size: 1.2vw;
	padding: calc(100vw*0.45*1.0/100) calc(100vw*0.45*1.0/100);
}
#noteDiv{
	margin-top: calc(100vw*0.45*1.2/100);
	height: calc(100vw*0.45*5.2/100);
	font-size: 1.0vw;
	color: #6a91d4;
}