/* /activities/Boxes/styles.css */
body {
  margin:0;
  padding:0;
  background-color: darkred;
  overflow: hidden;
  color:ivory;
  font-family: sans-serif;
  font-size:70%;
}
#main {
  width:100vw;
  max-width: 1200px;
  margin:0 auto;
}
#head, #game {
  width:100%;
}
#game {
  display:flex;
}
#panel1, #panel3 {
  width: 20%;
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items:center;
}
.score {
  margin-top:5%;
  font-size:300%;
}
#panel2 {
  width: 60%;
}
.hrow {
  display:flex;
}
.hline {
  width:12vw;
  max-width:132px;
  height:.7vw;
}
.vline {
  width:.7vw;
  height:11vw;
  max-height:120px;
}
.hline, .vline {
  cursor:pointer;
  background-color: dimgrey;
}
.box {
  width:11.4vw;
  height:11vw;
  max-width:120px;
  max-height:120px;
  background-color: darkgreen;
}