/* /pbg/Boxes/styles.css */
body {
  margin:0;
  padding:0;
  background-color: darkred;
  overflow: hidden;
  color:ivory;
  font-family: sans-serif;
  font-size:70%;
  display:flex;
  justify-content:center;
}
#head {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin:1vmin 0;
}
#again {
  height:6vmin;
}
#player, #computer {
  font-size:4.5vmin;
}
#main, #head {
  width:144.5vmin;
}
#game {
  display:flex;
}
#panel1, #panel3 {
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items:center;
  margin:0 5vmin;
}
.score {
  margin-top:5%;
  font-size:300%;
}
.hrow {
  display:flex;
}
.hline {
  width:18.2vmin;
  height:1.05vmin;
}
.vline {
  width:1.05vmin;
  height:15vmin;
}
.hline, .vline {
  cursor:pointer;
  background-color: dimgrey;
}
.box {
  width:16.95vmin;
  height:15vmin;
  background-color: darkgreen;
}