#clickMe {
position: fixed;
text-align: center;
 top:390px;
 left:153px;
  color: #3c3b39;
  background-color: rgba(255,255,255,0.0);
  background-size: 100%;
  background-repeat: no-repeat;
  font-family: serif;
  padding: 18px 18px;
  font-size: 20px;
  width: 108px;
  height: 51px;
  margin: 0 auto;
  z-index:11;
}

#randomize {
position: fixed;
text-align: center;
 top:390px;
 left:275px;
  color: #3c3b39;
  background-color: rgba(255,255,255,0.0);
  background-size: 100%;
  background-repeat: no-repeat;
  font-family: serif;
  padding: 18px 18px;
  font-size: 20px;
  width: 108px;
  height: 51px;
  margin: 0 auto;
  z-index:12;
  border: none; 
}

input {
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
  color: #3c3b39;
  background-color: rgba(255,255,255,0.0);
  background-size: 100%;
  background-repeat: no-repeat;
  padding: 10px 10px;
  font-family:'Burtinomatic-DemiBold';
  font-size:20px;
  display: inline-block;
  width: 310px;
  height: 20px;
  margin: 0 auto;
  z-index:10;
}

#random_name {
position: fixed;
text-align: center;
 top:356px;
 left:122px;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
  color: rgba(60, 59, 57, 0.9);
  background-color: rgba(252,250,250,0.0);
  background-size: 100%;
  background-repeat: no-repeat;
  padding: 10px 10px;
  font-family:'Burtinomatic-DemiBold';
  font-size:20px;
  display: inline-block;
  width: 310px;
  height: 20px;
  margin: 0 auto;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
  z-index:9;
}

#form {
	position: fixed;
	top:356px;
	left:122px;
	z-index:8;
}

#border {
    position: fixed;
    top:25px;
    left:120px;
	z-index:7;
}
#hair {
    position: fixed;
    top:25px;
    left:120px;
    z-index:6;
}
#nose {
    position: fixed;
    top:25px;
    left:120px;
    z-index:5;
}
#eyes {
    position: fixed;
    top:25px;
    left:120px;
    z-index:4;
}
#mouth {
    position: fixed;
    top:25px;
    left:120px;
    z-index:3;
}
#head {
    position: fixed;
    top:25px;
    left:120px;
    z-index:2;
}
#body {
    position: fixed;
    top:25px;
    left:120px;
    z-index:1;
}
#background {
    position: fixed;
    top:25px;
    left:120px;
    z-index:0;
}


.no-outline:focus {
  outline: none;
}

<style>
      @font-face { font-family: Burtinomatic-DemiBold; src: url('fonts/Burtinomatic-DemiBold.ttf'); } 
      h1 {
         font-family: Burtinomatic-DemiBold
		 
		 button.pointer {
		         cursor: pointer;
		       }
      }
</style>