#header{
  height:14vh;
}

#serihuarea{
  width:calc(80vw - 20vh);
  max-width:calc(640px - 20vh);
}

#content{
  height:86vh;
  overflow:auto;
  background-color:#fdfdf5;
  max-width:800px;
}

canvas{
  margin-left:2vh;
  height: 14vh;
  width: 20vh;
}

#skincolor{
  width: 500px;
  max-width: 80%;
  height: 320px;
}

#content input[type="range"]{
  width:500px;
  max-width:80%;
}

#content input[type="text"]{
  width:11em;
  max-width:90%;
}

#content input[type="button"]{
  font-size:14px;
  width:12em;
  max-width:50vw;
  margin:0.5em 0.5em;
  padding:0.5em 0;
  white-space: normal;
}

#content input[type="button"].sample{
	width:6em;
}

#content input[type="button"].samplew{
	width:6em;
	color:#FFF;
}