@import url("http://eye48.com/de/layout/prelaunch-screen.css");
  	
  	.sitecontainer { position: relative; }
  	.tagline
  	{
  	    color:#444;
  	    text-shadow:2px 2px 2px #fff;
  	}
  	h1
  	{
  	    font-size:5em;
  	    padding:0;
  	    margin:0.6em 0 0.4em 0;
  	    font-weight:100;
  	    line-height: 1;
  	}
  	h2
  	{
  	    margin-top: 0;
  	}
  	a img
  	{
  	    border:none;
  	}
    hr
    {
        border-style:solid none;
        border-width:1px;
        border-color:#ddd #fff #fff #fff;
    }
    #news
    {
        font-style:italic;
        margin:0 10% 0 10%;
        text-align:center;
    }
    #forkmeongithub
    {
        display:block;
        width:151px; height:151px;
        background:url(https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png) no-repeat center transparent !important;
        position:fixed;
        top:-1px; right:-1px;
        cursor:pointer;
        z-index: 2;
    }
    #forkmeongithub:focus, #forkmeongithub:hover, #forkmeongithub:active
    {
        background-image:url(https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png) !important;
    }
    #socialbadges
    {
        position: absolute;
        top: 0; right: 2em;
        background: #eee;
        padding: 0.5em;
        line-height: 24px;
        border-radius: 0.25em;
        z-index: 2;
    }
    #socialbadges > a,
    #socialbadges > div
    {
        display: inline-block !important;
        vertical-align: center !important;
        float: right !important;
        margin-left: 0.25em;
        height: 24px;
    }
    #socialbadges a { background: transparent; }
    #socialbadges .at300bs
    {
        display: none;
    }
    
    #footer
    {
        text-align: center;
    }
    

/* from http://hellohappy.org/css3-buttons/
*******************************************************************************/
.button
{
  display: inline-block;
  
  padding: 1em;
  width: auto;
  
  font-family: sans-serif;
  font-weight: bold;
  line-height: 1;
  color: #fff !important;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);

  background-color: #777;
  /*
  border: 1px solid #bbb;
  border-bottom: 1px solid #333;
  */
  border: none;

  /*
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.25)), color-stop(100%, rgba(0, 0, 0, 0.25)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.25));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.25));
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.25));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.25));
  background-image: linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.25));
  */
  
  -webkit-border-radius: 0.25em;
  -moz-border-radius: 0.25em;
  border-radius: 0.25em;
  
  /*
  -webkit-box-shadow: inset 0 0.1em 0 0 rgba(255, 255, 255, 0.25);
  -moz-box-shadow: inset 0 0.1em 0 0 rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 0.1em 0 0 rgba(255, 255, 255, 0.25);
  */
  
  text-decoration: none !important;

}

.button:focus,
.button:hover,
.button:active
{
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.125)), color-stop(100%, rgba(0, 0, 0, 0.125)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.125), rgba(0, 0, 0, 0.125));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.125), rgba(0, 0, 0, 0.125));
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.125), rgba(0, 0, 0, 0.125));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.125), rgba(0, 0, 0, 0.125));
  background-image: linear-gradient(top, rgba(255, 255, 255, 0.125), rgba(0, 0, 0, 0.125));


    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    cursor: pointer;
    
  text-decoration: underline !important;
}

@media screen and (max-width: 35em)
{
    #socialbadges
    {
        right: auto;
        left: 0;
        top: -0.5em;
    }
    
    #forkmeongithub
    {
        display: none;
    }
    
    #news
    {
        margin: 0;
    }
    
    h1
    {
        font-size: 3em;
        margin: 1.5em 0 0.375em 0;
    }
    
    .button
    {
        font-size: 1em;
        display: block;
        margin-bottom: 0.5em;
    }
}

@media screen and (min-width: 82em) and (min-height: 50em)
{
    body
    {
        padding-top: 60px;
    }
    
    #socialbadges
    {
        right: 0;
        top: auto;
        bottom: 100%;
        margin-bottom: 9px;
        border: solid 1px #ddd;
    }
    
    #forkmeongithub
    {
        position: absolute;
    }
}

@media print
{
    #forkmeongithub, #socialbadges
    {
        display: none;
    }
}