#WebGL-output {
        -webkit-user-select: none;
        z-index: 1000;
        box-shadow:0px 5px 5px 0px rgba(0,0,0,0.15);
        position: fixed;
        top: 24px; left: 0; right: 0;
        height: 260px;
        background-color: black;
      }

      #WebGL-output:active,
      #WebGL-output:hover {
        cursor: default;
      }

      #content {
        margin-top: 284px;
      }
      body {
        font-family: 'Open Sans', "Helvetica Neue",Helvetica,Arial,sans-serif;
        position: relative;
      }

      h1, h2, h3 {
        font-family: 'EB Garamond', serif;
      }
      h3 {
        border-bottom: 1px solid black;
      }

      blockquote {
        font-style: italic;
      }

      blockquote footer {
        font-style: normal;
      }


      input, label {
        z-index: -1000;
      }

      ul, ol {
        overflow: hidden;
      }

      .spacer {
        padding: 40px;
      }


      #topBanner {
        z-index: 1000;
        position: fixed;
        top: 0; left: 0; right: 0;
        height: 24px;
        background-color: #111;
        border-bottom: 1px solid black;
        padding-top: 2px;
        color: #eee;
      }
      #footer {
        padding: 50px;
      }
      .fa-facebook-square {
        color: #3b5998;
      }

      .fa-soundcloud {
        color: #ef3b24;
      }

      .fa-spotify {
        color: #75c044;
      }

      .fa-apple {
        color: #000000;
      }


      .thumbnail.with-caption {
        display: inline-block;
        background: #fefefe;
        margin-right: 10px;
       }

       .thumbnail.with-caption p {
         margin: 0;
         padding-top: 0.5em;
         text-align: center;
         font-size: 9px;
       }

       .abbr {
         cursor: default;
       }