html{
    font-family: "Optima","Century Gothic","Avenir", sans-serif;
    font-size:1em;
    margin:0;
    padding:0;
    border:0;
}
body{
    margin:0;
    padding:0;
}
.column{
    height:100vh;
    margin:0;
    padding:0;
    width:27.75vw;
    border-right:#041536 0.25vw solid;
    float:left;
	background-color:#6e7d8f;
/*    background-color: #A7E7FF; **/
}
.column:last-of-type{
    border:none;
}
#clicksHere{
    width:44vw;
	background-color: #19255e;
}
.menuFlex{
	display:flex;
	display: -webkit-flex;
	-webkit-flex-direction:row; 
	padding: 0;
	margin:0;
	border-bottom:#041536 solid 0.5vh;
}
h1 {
	-webkit-flex-grow:1;
    font-size: 1.5em;
    margin: auto;
    height:5.5vh;
    text-align: center;
    line-height: 1.5em;
    vertical-align: center;
/*    border: #86d0ff 0.5vh solid; **/
    border-right:0.25vh solid #becfe4;
    border-left:0.25vh solid #becfe4;
	padding: 0 2vh;
    font-weight: normal;
    color:#FFF;
}
.menuButton{
/*    border: #86d0ff 0.5vh solid; **/
    font-weight: bold;
    background-color: #041436;
}
h1:first-child, h1:last-child, .menuButton:first-child, .menuButton:last-child {
	border:none;
}
h2{
    font-size:1em;
    display:inline;
    color: #fff;
    height:1em;
    margin:0;
    font-weight: bold;
    width:90%;
}
b {
    font-size:1.2em;
}
i {
	color: #e9ffff;
}
#console{
    height:92vh;
/*    border-bottom:0.5vh solid #000;**/
    padding:1vh 1vw;
    overflow: scroll;
	background-color:#041536;
    color:#FFF;
/*    background-color:#A7E7FF;**/
}
.shopButton{
/*    background-color: #008fdd;**/
    background-color: #072d58;
    height:15vh;
    width:25vw;
    border-bottom:0.25vh #ffdf86 solid;
    padding:2.5vh;
    margin:0;
    overflow:scroll;
    display:block;
}
.shopButton-disabled{
/*    background-color: #4475B4;*/
    background-color: #3e516b;
    height:15vh;
    width:25vw;
    border-bottom:0.25vh #ffdf86 solid;
    padding:2.5vh;
    margin:0;
    overflow:scroll;
    display:block;
    /*opacity:0.5;**/
}
#shop{
    height:94vh;
    margin:0;
    padding:0;
    overflow:scroll;
	background-color:#041536;
}
.iconImg{
    height:9vh;
    float:left;
    margin-right:2.5vh;
    margin-top:2.5vh;
    margin-bottom:2.5vh;
    border:0.5vh solid #ffdf86;
}
img{
    user-drag:none;
    -moz-user-select:none;
    -webkit-user-drag:none;
}
.descText{
    color: #fff;
    margin:0;
    font-size:0.8em;
}
.achievementBlock{
    background-color: #35455a;
    /*86d0ff**/
    border-top:#ffdf86 solid 0.25vh;
    padding:0.5vh;
}
.achievementBlock:last-of-type{
    border-bottom:#ffdf86 solid 0.25vh;
}
.achievementBlock-complete{
    background-color: #FFED41;
    border-top:#2F1A05 solid 0.25vh;
    color:#2F1A05;
    padding:0.5vh;
}
.achievementBlock-complete:last-of-type{
    border-bottom:#2F1A05 solid 0.25vh;
}
#towerTitle{
    text-align: center;
    font-size: 1.7em;
    font-weight:bold;
}
#towerSubtitle{
	text-align:center;
    font-size: 1em;
    margin-bottom:0.5vh;
}
#towerImg{
    height:80vh;
    width:60vh;
    display:block;
    margin-left: auto;
    margin-right: auto;
}
#towerHealthBar {
	height:4vh;
	font-size: 1em;
	line-height:4vh;
	vertical-align: center;
	padding:0 0.2vw;
/*    background-image: linear-gradient(to left, #fff 50%, #000 0%);*/
    background-color: #cb9a43;
    border-top:0.25vh #d4b86a solid;
    border-bottom:0.25vh #d4b86a solid;
}
#towerDisplay{
    height:16vh;
    margin-bottom:2.5vh;
	background-color:#cb9a43;
	color:#FFF;
	border-bottom:#ffdf86 0.5vh solid;
}
#displayGP{
    float:right;
}
.reqHigh{
    color: #ffdf86;
    font-weight: bold;
}
.notification{
/*    color: #4161A6;**/
    color:#ffdf86;
    font-weight: bold;
}
::-webkit-scrollbar {
    display: none;
}
/* colours: #382547 (purple) #cc6633 (brown) #ffdf86 (yellow) #aaff86 (green) #86d0ff (blue)*/