body {
  /* background: url(graphics/background2.jpg); */
  background-size: cover;
  background-image: linear-gradient(to top left, white, #569cff);
}

h2 {
  /* color: #f0e68c; */
  font-size: 2rem;
  font-family: "Unkempt", cursive;
  /* color: #ffa500; */
  /* color: #f3c349; */
  /* color: black; */
  /* color: #daa520; */
  /* color: #d2691e; */
  color: #ff8c00;
  /* color: #daa520; */

  /* text-shadow: black 2px 2px 2px; */
  text-shadow: black 2px 2px 2px;
}

iframe {
  border-radius: 12px;
  /* box-shadow: #daa520 2px 2px 4px; */
  box-shadow: black 3px 3px 10px;
}

/* 
try http://jsfiddle.net/tZKuv/3/

polygon.hoverable {
  fill: transparent;
  stroke: red; 
  stroke-width: 4;
  cursor: pointer;
}

polygon.hoverable:hover {
  stroke: red;
} */