/* /activities/Peter's Brain Games 2/ECA2/styles.css */
body {
  background-color: ivory;
}
#title {
  font-size:4vmin;
  font-style:italic;
  font-family: serif;
  color:blue;
}
#rules {
  width:97vmin;
  margin: .5vmin auto 0 auto;
  display:flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.box {
  margin:.5vmin 0;
  width:10.5vmin;
  display:flex;
  flex-wrap: wrap;
  justify-content: center;
}
.box div {
  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;
}
.row div {
  width:1.23vmin;
  height:1.23vmin;
}
#info {
  margin-bottom:.5vmin;
  text-align: center;
  font-size:2.5vmin;
}
#txt {
  margin-top:1vmin;
  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:1vmin auto;
  font-family: sans-serif;
  font-size: 3vmin;
}