* {
  margin: 0;
  padding: 0;
}

body
{
	background-color: #000;
}

#flexap_canvas
{
	width: 100%;
	height: 100%;
	position: absolute;
	left:0;
}

.flexap_footer
{
	bottom: 0px;
	height: 100px;
	width: 100%;
	background-color: #333;
	position: fixed;
}

.flexap_footer_middle
{
	height: 100%;
  	width: 100%;
  	text-align: center;
}

.flexap_footer_button
{
  	width: 10%;
  	height: 100%;
	display: inline-block;
  	position: relative;
	border: 0;
	background: none;
	transition: all .2s ease-in-out;
}

.flexap_footer_button:hover 
{
  	outline: none;
	transform: scale(1.1);
	
	z-index: 2;
}

.flexap_footer_button:active
{
  	outline: none;
}

.flexap_footer_button:focus
{
  	outline: none;
	border:0;
}

.unity_button_icon 
{
	max-width: 70%;
  	max-height: 70%;
	display: block;
	margin: 0 auto;
}

.button-text {
  	position: absolute;
	bottom: 10%;
  	width: 100%;
  	left: 0%;
	color:#FFF;
	font-size: 12px;
	font-size: calc(10px + 0.5vw);
}

.spin_button
{
	float: left;
	margin: 0 0 0 1%;
	width: 50px;
  	height: 50px;
	position: relative;
	border: 0;
	background: none;
	transition: all .2s ease-in-out;
}

.spin_button:hover
{
	outline: none;
	transform: scale(1.1);
}

.spin_button:focus
{
	outline: none;
}

.spin_button:active
{
	outline: none;
	border:0;
}

.spin_button_icon
{
	width: 70%;
	height: 70%;
	display: block;
	margin: 0 auto;
}