/*body {
zoom: 0.75;
}*/
.upgrade {
	cursor: pointer;
}
.side_button:hover {
  -webkit-filter: drop-shadow(2px 2px 2px #AAA);
  filter: drop-shadow(2px 2px 2px #AAA);
  cursor: pointer;
}
.building_menu {
	width: 90%;
	height:100%;
	right:0px;
	top:0px;
	position: absolute;
	background-image: url("images/misc_paper_background.png");
   /* z-index: 1; */
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.close_building {
	z-index:1;	
}
#centerContent {
	/*background-image: url("images/misc_brown_noise.png");*/
    background-color: #000000;
	color:lightgrey;
	position: absolute;
	left: 210px;
	height: 100%;
	width: 200px;
	top: 0px;
	
	width:  50%;
	width: -moz-calc(100% - 560px);
	width: -webkit-calc(100% - 560px);
	width: -o-calc(100% - 560px);
	width: calc(100% - 560px);
}
#tutorial_menu {
	border-radius: 6px;
	background-image: url("images/misc_brown_noise.png");
    background-color: #cccccc;
	z-index: 10000;
    border: 6px solid black;	
    background-color: #000000;
	color:lightgrey;
	position: absolute;
	left: 210px;
	height: 100px;
	width: 200px;
	top: 0px;
	
	width:  50%;
	width: -moz-calc(100% - 572px);
	width: -webkit-calc(100% - 572px);
	width: -o-calc(100% - 570px);
	width: calc(100% - 572px);
}

#gold_display {
	font-size: 38px;
	color:#085415;
	text-shadow:0px 0px 8px #32b54a;
	position:absolute;
	bottom: 70px;
	left:50%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
}
#clicker {
	position:absolute;
	bottom: 50%;
	bottom: calc(50% + 60px);
	left:calc(50% - 64px);
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
}
#production_display {
	font-size: 25px;
	color:#085415;
	text-shadow:0px 0px 8px #32b54a;
	position:absolute;
	bottom: 20px;
	left:50%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
}

@keyframes tab_icon_out {
    from {left: -24px;}
    to {left: -6px;}
}


.tab_icon {
	position: absolute;
	left:-30px;
}

.tab_icon:hover {
    animation-name: tab_icon_out;
	cursor: pointer;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
	animation-timing-function: ease;
}
.selected_tab {
	position: absolute;
	left:-6px;
}
.selected_tab:hover {
    animation-name: none;
	cursor: pointer;
}