/* From the flopflopflop WordPress theme (css/styles.css). */
@font-face { font-family: Iowan; src: url("/fonts/iowan.ttf") format("truetype"); }

* { font-family: Iowan, Helvetica, sans-serif; font-weight: bold; letter-spacing: 1.1px; box-sizing: border-box; }

html { font-size: 100%; line-height: 1.5em; }
body { margin: -2px; color: #333; }

#container { position: relative; top: 0; width: 100%; z-index: 1; min-height: 90vh; }
#myCanvas { z-index: 6; position: fixed; opacity: .2; pointer-events: none; top: 0; left: 0; width: 100vw; height: 100vh; }

#title { font-size: 3.5em; line-height: 1.2em; display: inline-block; text-align: left; padding-left: 4%; text-decoration: underline; margin: .6em 0; }
#content { text-align: center; margin-bottom: 5%; font-size: 1.5em; padding: 0 16px; }

.buttons { margin: 1.5em 0; }
button {
  font: inherit;
  font-size: 1.4em;
  padding: .3em 1em;
  margin: .2em;
  background: white;
  color: #333;
  border: 2px solid #333;
  cursor: pointer;
}
button:disabled { opacity: .5; cursor: default; }
#now { font-size: .8em; min-height: 1.5em; }

#soundcloud_widget { position: absolute; width: 1px; height: 1px; left: -9999px; top: 0; border: 0; }