@font-face {
    font-family: 'ziggazigahregular';
    src: url('fonts/ziggazigah-webfont.eot');
    src: url('fonts/ziggazigah-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/ziggazigah-webfont.woff') format('woff'),
         url('fonts/ziggazigah-webfont.ttf') format('truetype'),
         url('fonts/ziggazigah-webfont.svg#ziggazigahregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


html { 
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  line-height: 1;
 font-family: 'ziggazigahregular';
  background-color: rgb(255, 255, 255) 1;
  height: 100%;
}

#screen {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    
    
}

.twitter-share-button {
vertical-align: text-bottom;
padding: 0px 0px 0px 5px;
width: 70px;
}



.italic{ 
  font-style: normal; 
  font-size: 34px;
  letter-spacing:10px;
  font-family: 'ziggazigahregular';  
  color: #000;
  font-weight: normal;
  text-shadow: 2px 2px 0px rgba(151, 151, 151, 0);
  margin-bottom: 0px;
}



a {
  text-decoration: none;
  color: #000;
  text-shadow: none;
}

a:visited {
  text-decoration: none;
  color: #000;
  text-shadow: none;  
}

a:hover {
  text-decoration: none;
  color: #ff9900;
  text-shadow: none;
}



pre {
  font-family: monaco, monospace;
  font-size: 0.8em;
  border: 1px solid #ccc;
  margin-bottom: 15px;
  padding: 5px 10px;
  overflow: auto;
}


code {
  font-family: monaco, monospace;
}




div.context {
  position: absolute;
  top: 15px;
  left: 10px;
  width: 250px;
  padding: 14px 5px 12px 5px;
  margin: 0;
  background-color: rgba(255, 255, 255, 0);
  border: none;
  z-index: 1000;
  text-align: center;
  transform: translateZ(1000px);
  -webkit-transform: translateZ(1000px);
  -moz-transform: translateZ(1000px);
  -ms-transform: translateZ(1000px);
  -o-transform: translateZ(1000px);
}

div.context.dark {
  color: white;
  background: rgba(0, 0, 0, 0.8);
  border: 1px solid #777;
}
/* line 25, ../scss/minimal.scss */
div.context.dark a {
  color: #f08080;
}
/* line 29, ../scss/minimal.scss */
div.context.dark a:hover {
  color: white;
}
/* line 34, ../scss/minimal.scss */
div.context strong {
  font-weight: bold;
}
/* line 38, ../scss/minimal.scss */
div.context p.description {
  
   
  }
  

/* line 42, ../scss/minimal.scss */

div.context p.header {
  font-size: 24px;
  color:#000;
  letter-spacing: .09em;
  text-shadow: 0px 2px 0px rgba(255,255,255,1);
  font-style: italic;
  font-weight: bold;
  font-family: Georgia, "Times New Roman", Times, serif;
  text-align: center;
  margin-bottom: 0px;
}


div.context p.headersmall {

  font-size: 11px;
  color:#000000;
  letter-spacing: 2px;
  font-weight: bold;
  font-family: Arial, Helvetica, Sans-serif; 
  font-weight: bold;  
  text-align: center;
  margin-bottom: 0px;
}

div.context div.social {

}

.sosh {
  padding: 0px 0px 0px 2px;
  margin-right: -25px;
  opacity: 1;
}
  
 

div.context p.description {
  font-size: 1px;
  padding: 3px 2px 3px 2px;
  color:#000;
  letter-spacing: 0px;
  line-height:0px;
  font-family: Monaco, Sans-serif;
  text-align: center;
  margin-bottom: 0px;
}
/* line 48, ../scss/minimal.scss */
div.context.less p.description {
  opacity:0;

  width:0;height:0;
}

div.context div.wobble {
margin-bottom: 0px;


}



div.context a.context-control {
  display: inline;
  background-color: none;
  margin-top: -10px;
  text-align: center;
  text-transform:lowercase;
  font-size: 11px;
  font-weight: bold;
  font-style: normal;
  font-family: 'Courier New', Courier, monospace;
  width: 100px;
  border-radius: 0px;
  
  cursor: pointer;
}





#embed { 
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.5);
  z-index: 6;
  display: none;
}
#embed textarea { 
  position: absolute;
  top: 40%;
  left: 45%;
  width: 300px;
  height: 90px;
  word-break: break-word;
  margin-left: -150px;
  
  font: 13px Geneva, Arial, Sans-serif;
  padding: 22px;
}