@charset "utf-8";

* {
	box-sizing: border-box;
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

i {
  border: solid white;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

#options {
	display: none;
}
/* enforcement upon width device < 768px size table */
@media only screen and (max-width: 768px) {

	#setting {
		display: none;
	}
	
	#pagecontrol tr, td {
		display: inline;
	}
	#pagecontrol img {
		width: 80px;
		height: 55px;
	}
	#mindgame img {
		width: 15%;
		height: auto;
	}
	#done img {
		width: 15%;
		height: auto;
	}
	tr td {
		display: inline;
	}
}