a:link, a:hover, a:active, a:visited{color: #000;}

body{margin: 0; padding: 0; overflow-y:hidden; overflow-x: hidden;}

canvas{margin: 0; padding: 0; border: none; display: block;}

button{cursor: pointer;}

#toolBarOpener{
	position: absolute;
	display: block;
	background-color: #FFF;
	left: calc((100% - 50px) / 2);
	top: 0;
	width: 50px;
	height: 20px;
	border: none;
	border-radius: 0 0 5px 5px;
}

#toolBar{
	position: absolute;
	display: block;
	background-color: #F90;
	left: calc((100% - 371px) / 2);
	top: -103px;
	width: 335px;
	height: 70px;
	padding: 15px;
	border-radius: 0 0 20px 20px;
	border: 3px solid #000;
	border-top: none;
}

.toolBarEntry{
	width: 70px;
	height: 70px;
	margin: 0 5px 0 5px;
	border: 3px solid #000;
	border-radius: 10px;
	background-color: #FFF;
	padding: 0;
	font-size: 50px;
}

#downloadButton{color: #0C0;}
#uploadButton{color: #C00;}
#infoButton{color: #00F;}

#createWorld{
	position: absolute;
	top: calc(100% / 2 - 50px);
	left: calc(100% / 2 - 220px);
	width: 200px;
	height: 100px;
	border: 5px solid #000;
	border-radius: 10px;
	font-size: 25px;
}

#restoreWorld{
	position: absolute;
	top: calc(100% / 2 - 50px);
	left: calc(100% / 2 + 20px);
	width: 200px;
	height: 100px;
	border: 5px solid #000;
	border-radius: 10px;
	font-size: 25px;
}

#infoWrapper{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 5;
	background-color: rgba(0, 0, 0, 0.3);
}

#info{
	position: absolute;
	width: 600px;
	height: 400px;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border: 7px solid #333;
	border-radius: 30px;
	font-size: 25px;
	background-color: #999;
}

#info button{
	width: 100px;
	height: 50px;
	margin: 30px;
	background-color: #0C0;
	border: 3px solid #080;
	border-radius: 5px;
	font-size: 30px;
}