html {
    /*background: #33ee33 url("img/bg.png") repeat fixed;*/
    
    background-color: #000;
    /*background-image: url("img/overlay.png"), url("img/bg.png");
    background-repeat:		repeat,     repeat;
    background-size:		auto,       auto;
    background-attachment:	fixed,     fixed;*/
}

body {
    margin: 0 auto;
    padding: 2em 2em;
    max-width: 800px;
    font-size: 12px;
    /*line-height: 1.1em;*/ 
    color: #000;
    /*background-color: transparent;*/
    cursor: default;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}




h1, h2, h3, h4, h5, h6 {
    color: #000;
    /*font-weight: 600;*/
    font-size: 16px;
    line-height: 1.2em;
    /*text-align: center;*/
}

h2 {
    margin-top: 1.3em;
}

a {
    color: #fa0;
    -moz-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out;
    -webkit-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out;
    -o-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out;
    -ms-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out;
    transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out;
	
}

a:hover {
    color: #22ff22;
}

b, strong {
    font-weight: 600;
    color: #fa0;
}

samp {
    display: none;
}

img {
    border-radius: 8px;
     -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.6, transparent), to(rgba(255,255,255,0.4)));
}

@-webkit-keyframes colorize {
    0% {
        -webkit-filter: grayscale(100%);
    }
    100% {
        -webkit-filter: grayscale(0%);
    }
}

@keyframes colorize {
    0% {
        filter: grayscale(100%);
    }
    100% {
        filter: grayscale(0%);
    }
}

/* Sidebar */
#sidebar {
    position: fixed;
    margin-left: -4em;
}

.share-buttons{
    
	list-style: none;
    color: #fa0;
}

.share-buttons li{
	display: block;
}
/* END Sidebar */

#block {
    /*background-color: rgb(255, 255, 255);*/
    background: #fff;
    /*background-image: url("img/overlay.png");*/
    margin: 2em auto;
    margin-bottom: 1.0em;
    padding: 1em 2em 2em;
    border-radius: 0px;
    box-shadow: 5px 5px 5px #555;
    max-width: 20em;
}

#footer {
    font-family: sans-serif;
    font-size: 12px;
    text-align: center;
    line-height: normal;
    
    background-color: rgba(38, 22, 13, 0.79);
    margin: 0 auto;
    margin-bottom: 0em;
    padding: 1em 1em 1em;
    border-radius: 8px;
}

/*#download {
    text-align: center;
    
    background-color: #0c0;

    margin: 1em 3em 1em 3em;

    padding: 1em 1em 1em;
    border-radius: 8px;
}*/

.button
		{
			-webkit-appearance: none;
			position: relative;
			display: inline-block;
            border: 2px solid #22ff22;
			background: #0d0;
			color: #fff;
			text-shadow: 0 0 0.5px rgba(255,255,255,0.25);
			cursor: pointer;
			text-decoration: none;
			outline: 0px;
			padding: 1em 2em 1em 2em;
			text-align: center;
            font-size: 32;
			border-radius: 8px;
			font-weight: 600;
            max-width: 6em;
            margin: 0.2em;
			-moz-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out;
			-webkit-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out;
			-o-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out;
			-ms-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out;
			transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out;
		}

.button:hover
			{
				background: #000;
			}

#downloadbutton {
    text-align: center;
}

.banner {
        /* -webkit-animation: colorize 2s cubic-bezier(0, 0, .78, .36) 1;
    animation: colorize 2s cubic-bezier(0, 0, .78, .36) 1; */
    background: transparent;
    /*border: 10px solid rgba(0, 0, 0, 0.12);*/
    border-radius: 16px 16px 0px 0px;
    display: block;
    margin: 1.6em auto;
    margin-bottom: 10em;
    max-width: 100%;
}

.center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}



.tiny {
    font-size: 12px;
    line-height: 0.5em;
}