@import url(https://fonts.googleapis.com/css?family=Montserrat);

body {
  font-family: Montserrat, Helvetica, Arial, Lucida, sans-serif;
  margin: 0;
  padding: 5vw;
  background-color: black;
  color: white;
  font-size: 6vh;
  text-align: center;
  margin-top: 50vh;
  transform: translate(0, -50%);
  overflow: hidden;
}

a[href].yes, a[href].no {
  display: inline-block;
  border: none;
  border-radius: 50%;
}
a[href].yes {
  background-color: green;
  padding: 1em 0.75em;
  margin-right: 0.25em;
}
a[href].no {
  background-color: red;
  padding: 1em 0.9em;
  margin-left: 0.25em;
}

a[href] {
  background-color: #333;
  color: inherit;
  text-decoration: none;
  padding: 0.5em;
  border: outset 2px #666;
  border-radius: 0.3em;
}

button[type=submit] {
  font-size: 110%;
  background-color: #333;
  color: inherit;
  text-decoration: none;
  padding: 0.5em;
  border: outset 2px #666;
  border-radius: 0.3em;
  margin-top: 1em;
}

div[data-hg-recorder] { width: 60%; margin: 0 auto; font-size: 12px; }
ul { width: 50%; margin: 0 auto; }
ul li { text-align: left; }