body {
  background: #000;
  color:#fff;
  font-family: Helvetica;
  font-size:0.8em;
  text-align:left;
}

button {
  color:#000;
  text-decoration:none;
  text-transform:uppercase;
  background:none;
  font-size:11px;
  cursor:pointer;
  outline:none;
  border:none;
  width:100px;
}

button:hover {
  color:#e8e8e8;
  transition:0.3s ease-in-out;
}

#killer {
  width: 22em;
  background:none;
  margin:auto;
  padding:2em;
  border:.09em #ffc300 solid;
  text-align:center;
}

.king {
  width: 40%;
  background:none;
  margin:auto;
  border:2px #ffc300 solid;
  border-radius:50%;
  margin-top:0.7;
  margin-bottom:0.7em;
} 

.twins {
  width: 30%;
  background:none;
  border:2px #ffc300 solid;
  border-radius:50%;
  float:right;
} 

.smile {
  width:30%;
  background:none;
}

.crown {
  background:none;
  margin-top:20%;
  margin-bottom:20%;
  margin-left:5%;
  margin-right:5%;
}

.queen {
  font-size:2em;
  text-align:center;
  width:10em;
  background:none;
  border:none;
  padding:0.2em;
  color:#ffc300;
  font-style:italic;
}

#kirakira {
  width:22em;
  background:none;
  margin:auto;
  margin-top:2em;
}

button {
  color:#ffc300;
  text-decoration:underline;
  text-transform:lowercase;
  background:none;
  font-size:1.1em;
  font-style:italic;
  outline:none;
  border:none; /*#ffc300 solid 0.06em;*/
  width:auto;
}

button:active {
  color:#fff;
  border-color:#fff;
  transition:0.1s ease-in-out;
}

.haruhi {
  background:none;
}

.yuzuki {
  background:none;
}

.akane {
  background:none;
}

.miroku {
  background:none;
}

#haruhi {
  width:22em;
  background:none;
  margin:auto;
  padding:2em;
  border:.09em #ffc300 solid;
}

#yuzuki {
  width:22em;
  background:none;
  margin:auto;
  padding:2em;
  border:.09em #ffc300 solid;
}

#akane {
  width:22em;
  background:none;
  margin:auto;
  padding:2em;
  border:.09em #ffc300 solid;
}

#miroku {
  width:22em;
  background:none;
  margin:auto;
  padding:2em;
  border:.09em #ffc300 solid;
}


ul {
  list-style:disc;
  line-height:1em;
}