/* /activities/Peter's Brain Games 2/ECA/styles.css */
body {
  background-color: ivory;
}
#title {
  font-size:4vmin;
  font-style:italic;
  font-family: serif;
  color:blue;
}
#rules {
  width:97vmin;
  margin: 2vmin auto .5vmin auto;
  display:flex;
  justify-content: space-between;
}
.box {
  margin:1vmin 0;
  width:12vmin;
  display:flex;
  flex-wrap: wrap;
  justify-content: center;
}
.rule {
  margin:2px;
  outline:1px solid;
  width:2.7vmin;
  height:2.7vmin;
}
#grid {
  margin: 0 auto;
  display:flex;
  flex-direction: column;
  padding:1vmin;
  border:1px solid blue;
  width:94vmin;
}
.row {
  display:flex;
  flex-direction: row;
}
.sq {
  width:2.45vmin;
  height:2.45vmin;
}
#info {
  margin-bottom:3vmin;
  text-align: center;
  font-size:2.5vmin;
}
#txt {
  margin-top:2vmin;
  text-align: center;
  font-size:3vmin;
}
#fresh {
  background-color: palegreen;
	padding:.5vmin 1.5vmin;
	border:.3vmin groove green;
	border-radius: 10%;
  width:20vmin;
  text-align: center;
  margin:2vmin auto;
  font-family: sans-serif;
  font-size: 4vmin;
}