@import url(http://fonts.googleapis.com/css?family=Source+Code+Pro);


body
{
	font-family: 'Source Code Pro', sans-serif;
	background:orange url(background.jpg);
	background-size:cover;
    padding:0em;
    margin:0;
}


h1
{
    margin:0em auto 1em;
    padding:0.5em 1em;
    background:red;
    display:table;
    text-align:center;
    color:rgb(200,120,0);
    text-shadow:0em 0.1em 0.1em rgba(26,26,26,0.5);
    background:rgb(50,50,50);
    border-bottom-left-radius:0.2em;
    border-bottom-right-radius:0.2em;
    border-top:none;
    border-bottom:0.1em solid rgb(200,120,0);
    box-shadow:0em 0em 0.1em rgb(26,26,26,0.2), inset 0em -1em 0.8em rgba(26,26,26,0.1);
    
}

ol.menu
{
    position:fixed;
    z-index:1000;
    width:100%;
    bottom:0;
	background:orange;
	padding:0.25em 1em;
	margin:1em 0em 0em;
    border-top:0.25em solid  rgb(50,50,50);
    box-shadow:0em 0em 0.2em rgba(26,26,26,0.5);
}

ol.menu li
{
    color:rgb(50,50,50);
	display:inline-block;
	padding:1em;
	border-left:0.1em solid rgb(50,50,50);
}


ol.menu li.logo
{
    display:inline-block;
    border-left:none;
    padding:0em;
    padding-right:0.5em;
    vertical-align:middle;
}

li.logo img
{
    height:4em;
    opacity:0.7;
}

.element
{
    display:block;
    margin:0em 2em;
   
    background:rgba(50,50,50,0.9);
    border:0em solid transparent;
    color:white;
    text-shadow:0em 0em 0.2em rgba(250,250,250,0.1);
    max-width:30em;
    min-width:10em;
    border-radius:0.2em;
    box-shadow:0em 0em 0em rgba(26,26,26,0);
    
    z-index:0;
    height:0em;
    opacity:0;
    overflow:hidden;
    transition:opacity 0.25s;
}

.element:target
{
    opacity:1;
    height:auto;
    margin:2em 2em 10em;
    padding:1em 2em;
    border:0.4em solid orange;
    box-shadow:0em 0em 0.2em rgba(26,26,26,0.3);
    transition:opacity 1s;
}

.element:first-of-type
{
	opacity:1;
}

a
{
    color:red;
    text-decoration:none; 
}