#demo{
  display: grid;
  place-items: center;
}

form{
  margin-top:10vh;
  display: grid;
  flex-wrap: wrap;
  font-size:18vw;
}

#enemy{
  width:25%;
}
#player{
  width:60%;
  display:flex;
  text-align:center;
}
#result{
  width:100%;
  font-size:9vw;
  text-align:center;
}


#demo a{
  display:inline-block;
  width:12vw;
  cursor:pointer;
  position:relative;
  top:0;
  left:0;
  margin:0 1vw;
  text-align:center;
}

#demo i{
  display:block;
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  background-color:rgba(0,0,0);
  z-index:1;
}

#demo a.select{

  transform: translate(0px, -10px);

}

#demo:not(.select) a:hover{
  background-color:rgba(0,0,0,0.1);
}