header { font-family: "Roboto", sans; }

footer { font-size: 0.8em; }

#board {
  height: 30em;
  border: solid #906435 6px;
  background:#bb8d5c url(../images/board-bg.jpg) top center; 
  background-size:contain;
}

.note {
  font-family: "Roboto", cursive;
  font-size: 0.85em;
  border: solid #93a500 1px;
  color: #656D77;
  border-radius: 0.35em;
  height: 1.5in;
  width: 2.4in;
  position: absolute;
  background-color: #f5ffa5;
  padding:2em 1em 1em;
  box-shadow: 0.05em 0.05em 0.1em black;
  line-height:20px;
}

.note::after{content:"sds"; display:inline-block; position:absolute; top:-10px; left:35%; background:url(../images/pin-bg.png) top left; width:48px; height:43px; text-indent:-5000px;}
.note.raised { box-shadow: 0.2em 0.2em 0.5em black; }