body{
  font-family:monospace;
  padding:1em;
  background-color: white;
}
#tools{
  display:inline-block;
  position:relative;
  /*height:400px;
  width:550px;*/
  width:40%;
  padding:1em;
  /*border:1px solid black;*/
}
#layerButtons{
  position:absolute;
  top:65px;
  left:8px;
  width:20px;
}
#levelButtons{
  position:relative;
  left:120px;
  top:10px;
}
#gridBackground{
  position:absolute;
  top:60px;
  left:32px;
  width:300px;
  height:300px;
  border:4px solid grey;
}
.level{
  display:inline-block;
  position:relative;
  left:22px;
  top:-30px;
  width:350px;
  height:350px;
}
.grid{
  display:none;
  position:absolute;
  top:50;
  left:0;
  padding:0px;
  margin:0px;
  border:1px solid gainsboro;
  width:300px;
  font-size:0;
}
.gridButton{
  display:inline-block;
  padding:3px 5px;
  height:25px;
  width:25px;
  margin:2.5px;
  background-color:white;
  box-sizing: border-box;
}
.gridButton:hover{
  border:2px solid grey;
}
.selectedButton{
  background-color:grey;
  color:white;
  border:2px solid grey;
}
.square{
  display:inline-block;
  width:30px;
  height:30px;
  box-sizing: border-box;
  border:1px solid gainsboro;
  margin:0px;
  padding:0px;
}
#VRscene{
  display:inline-block;
  position:relative;
  top: -50px;
  border:1px solid black;
  width:40%;
  height:350px;
}
#colorPicker{
  display:inline-block;
  position:absolute;
  top:70px;
  left:350px;
  width:150px;
  height:160px;
  text-align:center;
  /*border:1px solid black;*/
}
.color{
  display:inline-block;
  width:30px;
  height:30px;
  box-sizing: border-box;
  margin:2px;
  transition: border-width .1s linear;
}
#colorOptions{
  display:inline-block;
  position:absolute;
  top:70px;
  left:510px;
  width:80px;
  height:80px;
  text-align:left;
  border:7px solid deeppink;
  background-color:deeppink;
  border-radius:20px;
  padding:10px;
}

#fancyPicker{
  display:inline-block;
  position:absolute;
  top:250px;
  left:350px;
  width:150px;
  height:50px;
  text-align:center;
}
.fancyButton{
  width:37px;
  height:37px;
  box-sizing: border-box;
  border:1px solid black;
  margin:2px;
  transition: border-width .1s linear;
}
.buttonText{
  display:none;
  background-color:yellow;
}
#codeDiv{
  display:none;
}
textarea{
  width:50%;
  height:15em;
  background-color:gold;
}
button{
  background-color:gold;
  border:1px solid black;
}
#name{
  position:fixed;
  top:10px;
  right:10px;
  text-align:right;
}
span{
  font-size:16px;
  color:deeppink;
}