@import url("data:application/octet-stream;base64,QGZvbnQtZmFjZSB7CiAgZm9udC1mYW1pbHk6ICdDb2RhJzsKICBmb250LXN0eWxlOiBub3JtYWw7CiAgZm9udC13ZWlnaHQ6IDgwMDsKICBzcmM6IGxvY2FsKCdDb2RhIEV4dHJhQm9sZCcpLCBsb2NhbCgnQ29kYS1FeHRyYUJvbGQnKSwgdXJsKGh0dHBzOi8vZm9udHMuZ3N0YXRpYy5jb20vcy9jb2RhL3YxMi9YTW4wX3NTcHg5UHF5enB2VEJCa2FBLnR0ZikgZm9ybWF0KCd0cnVldHlwZScpOwp9Cg==");
html {
  background-color: white; }

#main, #main #board {
  margin: auto; }

#board {
  font-family: 'Play', sans-serif;
  width: 400px;
  height: 400px;
  color: white; }

#board div {

  background: #7d7d7d;
  display: inline-block;
  width: 8%;
  height: 8%;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  border: 4px outset #b7b7b7; }

p {
  vertical-align: middle;
  text-align: center;
  margin: 3px auto;
  display: block; 
  font-size: 24px; 
  /*padding: 0;*/ }

#board div:active {
  border: 4px inset #dedede;
  border-style: inset;
  background: #cecccc; }

#board .empty {
  background: #3a8c60; }

#board div[data-flag=true] {
  background-image: url('../img/flag.svg');
  /*background-color: gray; */
}

#board div[data-flag=false] {
  /*background-image: url('../img/flag.svg');*/
  background: darkgray; 
}

#board div[lost=true] {
  background-color: red;
  background-image: url('../img/bomb.svg');
}


#board div[data-touching="1"] {
  color: blue; }

#board div[data-touching="2"] {
  color: green; }

#board div[data-touching="3"] {
  color: red; }

#board div[data-touching="4"] {
  color: #d41dd4; }

#board div[data-touching="5"] {
  color: maroon; }

#board div[data-touching="6"] {
  color: blue; }

#board div[data-touching="7"] {
  color: green; }

#board div[data-touching="8"] {
  color: red; }

#board div[data-revealed="true"] {
  text-align: center center; 
  border: 4px inset #dedede;
  background: #cecccc; }

/*# sourceMappingURL=styles.css.map */
h1 {
  font-family: 'Coda', serif;
  display: block;
  text-align: center; }

#mainlogo {
  display: block;
  margin: auto;
  max-width: 40%;
  padding-top: 15px; }

#NewGame {
  display: block;
  margin: auto;
  margin-bottom: 10px; }