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

html, body{margin: 0; padding: 0; height: 100%; width: 100%;}

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

button:hover{cursor: pointer;}

div{
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#canvasHolder{
	position: absolute;
	width: calc(100% - 350px - 5px - 2 * 50px);
	height: 100%;
}

#mainInterface{
	position: absolute;
	left: calc(100% - 350px - 5px - 2 * 50px);
	width: 350px;
	height: calc(100% - 2 * 50px);
	padding: 50px;
	border-left: 5px solid #000;
	background-color: #AAA;
}

#itemSelector{
	width: 200px;
	height: 40px;
	margin-left: 75px;
	border-radius: 10px 0 0 10px;
	font-size: 30px;
	text-align: center;
}

#addButton:hover{
	background-color: #1C1;
}

#radiusRange{
	width: 100%;
	margin: 70px 0 30px 0;
}

span, #radiusInput{
	font-size: 20px;
	width: 20%;
}

#slot{
	width: 350px;
	height: 20%;
	border-radius: 20px;
	background-color: #555;
}
#slot:hover{
	cursor: grab;
}