#demo{
  display:grid;
  justify-items: center;
  align-items: center; 
}

footer,
#code,
pre{
  display:none;
}

h1{
  font-weight:bold;
}

#combo{
  display:flex;
  justify-content: space-between;
  margin:0 auto;
  width:320px;
  max-width:100%;
  position:relative;
  left:0;
  top:0;
}
#combo ul{
  position:relative;
  left:0;
  top:0;
  z-index:3;
}

#combo canvas{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
}

#combo a{
  display:block;
  padding:12px;
  margin:4px 0;
  line-height:40px;
  border:2px solid #000;
  font-size:32px;
  font-weight:bold;
  min-width:80px;
  text-align:center;
  box-sizing: border-box;
}

#combo a:hover{
  background-color:#ccc;
  cursor:pointer;
}
#combo a.select{
  background-color:#aaa;
}
#combo a.ng{
  background-color:#faa;
}
#combo a.ok{
  background-color:#afa;
}
#combo a.nearly{
  background-color:#ffa;
}
#after{
  text-align:center;
}
#links{
  height:40px;
  padding:4px;
}
#links a{
  padding:8px;
  font-size:48px;
}

#btns{
  height:80px;
}
button{
  display:block;
  margin:8px auto;
  padding:24px;
}