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

	font-family: 'Open Sans', sans-serif;
}

body {
	margin: 0;
	padding: 0;
	/*background-color: rgb(232, 218, 231);*/
	background-image: url("../assets/abstract geom.svg");
}

.layout {
	width: calc(100% - 80px);
	/*background-color: rgb(78, 47, 65);*/
	margin: 20px;
	padding: 20px;

	/*background-image: url("../assets/abstract geom.svg");*/
}

canvas {
	background-color: rgb(192, 179, 203);
	width: 100%;
	height: 100%;
	cursor: crosshair;
}

.button {
	background-color: rgba(250, 234, 242, 0.53);
	cursor: pointer;
	padding: 3px;
	color: rgb(21, 21, 22);
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
hr {
	border: 0;
	height: 1px;
	background: #333;
	background-image: linear-gradient(to right, rgba(150, 150, 150, 0.5), rgba(200,200,200, .8), rgba(150, 150, 150, 0.5));
}

#simulation {
	background-color: rgb(192, 179, 203);
	width: 50%;
	height: 500px;
	float: left;
	box-sizing: border-box;
}
#creatureBrain {
	background-color: rgba(56, 48, 89, 0.89);
	color: rgb(224, 212, 230);
	width: 25%;
	height: 500px;
	padding: 10px;
	box-sizing: border-box;
	float: left;
	font-family: 'Ubuntu Mono', monospace;
}
#generations {
	background-color: rgba(89, 48, 89, 0.89);
	width: 25%;
	height: 500px;
	padding: 10px;
	box-sizing: border-box;
	color: rgb(224, 212, 230);
	float: left;
}
#devPanel {
	width: calc(100% - 20px);
	margin-top: 10px;
	background-color: rgb(106, 24, 49);
	color: rgb(224, 212, 230);
	padding: 10px;
}

h1 {
	padding: 10px;
	padding-top: 0;
	margin: 0;
	font-size: 2.1em;
	color: rgb(192, 179, 203);
	font-family: 'Kreon', serif;
}
h3 {
	margin: 0;
	color: rgb(192, 179, 203);
}
.clickable {
	cursor: pointer;
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently
                                  not supported by any browser */
}
