Interface CSS Test

body
	{background:#58c4b1;
	color:#a2cfc4;}
#title
	{position: fixed;
	width: 250px;
	left: 320px;}
#clickables
	{position: fixed;
	width: 250px;
	left: 320px;
	top: 14%;
	bottom: 48%;
	overflow-x: none;
	overflow-y: auto;}
#clickableTitle
	{display: none;}
#resources
	{position: fixed;
	left: 590px;
	right: 300px;
	top: 28px;
	bottom: 48%;
	font-size: 14px;
	background:#a2cfc4;
	color:#304846;
	overflow: auto;}
#resource-cinzado
	{font-size: 20px;}
#resource-moeda
	{font-size: 20px;}
#resource-barra1
	{font-size: 20px;}
#resource-barra2
	{font-size: 20px;}
#resource-barra3
	{font-size: 20px;}
#resource-barra4
	{font-size: 20px;}
#upgrades
	{background:#a2cfc4;
	color:#304846;
	height: auto;
	right: 1%;
	top: 2%;
	padding-bottom: 200px;}

#achievements
 	{position: fixed;
	background:#a2cfc4;
	color:#304846;
	overflow: auto;
	left: 320px;
	right: 300px;
	top: 52%;
	bottom: 0%;}
#buildings
	{position: fixed;
	top: 28px;
	bottom: 30px;
	left: 0%;
	width: 300px;
	font-size: 12px;
	background:#a2cfc4;
	color:#304846;
	overflow-x: none;
	overflow-y: auto;}
	{display:none;}
	{position: static;
	float: left;
	font-size: 12px;
	font-weight: normal;
	padding-left: 4px;}