/*
Birthing Game CSS
------------------
colors
Default = #32659A;
Gold = #EDA840;
Brown = #FFEFD7;


*/

body {
	background-color:#7FB3D5;
	font-family:arial, sans-serif;
	font-size:16px;
}
.mtheader {
	background-color:#fff;
	display:flex;
	flex-wrap:nowrap;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    align-content:center;
    color:#32659A;
    padding:10px;
    border-radius:10px;
    margin:10px;
	}
.hchild {flex:1;}
.hchild:nth-child(3) {flex-grow:4;} 
.hchild:nth-child(2) {text-align:right; padding-right:20px;}
.hchild:last-child {text-align:right !important;}
#parent {
  height:100%;
  display:flex;
  flex-wrap:wrap;
  flex-direction:row; 
  justify-content:space-around; 
  align-content: space-around;
}
.child {
  flex: 1 0 18%;
  margin: 10px;
  background-color:#32659a;
  color:#fff;
  border-radius:5px;
  border:1px solid #999;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding:3px;
}
.child p {
	text-align:center;
}
.footwrap{
	display:flex;
	flex-wrap:nowrap;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    align-content:center;
    padding-top:20px;
    color:#32659A;
    font-size:smaller;
}
.footbtn {
	color:#32659a;
	/* width:260px;
	 margin:10px; */
	padding:10px 20px;
	background-color:#fff;
	text-align:center;
	border-radius:5px;
	cursor: pointer;
	border:1px solid #999;
}
#instructions {display:none; font-size:14px; line-height:1.6;}