table{border-collapse:collapse;border-spacing:0}
div:after{clear:both;content:'';display:block;line-height:1px}
canvas,embed,iframe,object,video{max-width:100%}
:focus,button,button:active,button:focus,button:hover,input,input:active,input:focus,input:hover{outline:0}
@media all and (max-width:479px){
h1{font-size:2em}
h2{font-size:1.6em}
h3,h4,h5,h6{font-size:1.2em}
}
header{color:#b0120a}
.code{-moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:.3em;background-color:#e2e2e2;color:#000;font-family:'Fira mono','Courier New',Courier,monospace;font-size:85%;letter-spacing:.05em;padding:1em}
input{margin:.5em;border:0;min-width:100px;background-color:#fff;color:#f8f8f8;font-family:inherit;font-size:inherit;border-bottom:5px solid #365;padding:.5em 1em;-webkit-border-radius:.2em;-moz-border-radius:.2em;-webkit-box-shadow:1px 1px 1px 0 rgba(50,50,50,.75);-moz-box-shadow:1px 1px 1px 0 rgba(50,50,50,.75);box-shadow:1px 1px 1px 0 rgba(50,50,50,.75);outline:0}
input:active{box-shadow:0 0;outline:0}
input:hover{outline:0}
input:active,input:hover{background-color:#fff;border-color:#366}
main{max-width:600px;margin:0 auto;margin-top:4em}
main a,main a:active,main a:focus,main a:hover,main a:link,main a:visited{font-family:'fira mono';text-transform:uppercase;font-size:90%;color:#000;border-bottom:1px dotted #000}
main header{font-size:80%}
section{margin:4em 0}
.aligncontent-center{text-align:center}
.wrapper{padding:0em;background-color:transparent}
.main-header{text-align:center;font-weight:300;font-size:90%}
.toolbar{position:fixed;top:0px;right:0;background-color:transparent;line-height:68px;border-top:0px solid #fff;z-index:999;width:60px;}
.menu-button{position:relative;margin:10px;height:10px;width:10px;cursor:pointer}
.menu-button:before{content:"";position:absolute;top:30px;right:0px;border-bottom:12px double #fff;border-top:4px solid  #fff;width:20px;height:3px;}

/*.menu-button:before{content:"";position:absolute;top:3px;right:0px;background:rgba(90,90,90,0.6);height:30px;width:30px;border-radius:15px;}*/

.menu-left{float:right;margin-right:20px}
.sidebar{margin:0;padding-top:1em;color:#fff;background-color:rgba(0,0,0,0.6); }
.sidebar h6{margin:0 .8em;padding-bottom:10px;font-weight:bold;font-size:16px; text-align:center;border-bottom:3px solid #fff;line-height:25px;}
.sidebar ul{margin-top:40px;}
.sidebar li{margin:.5em 0;padding:0 1em;line-height:45px;text-align:center;}
.sidebar li a{font-size:15px; text-align:center;border-bottom:0px solid #ccc;line-height:45px;height:45px;display:block;}
.sidebar li:hover{background-color:#fff;color:#000;}
.sidebar hr{margin:2em auto;border:0;padding:0;width:80%;height:1px;background-color:#fff}
body,html{font-size:16px;font-family:roboto,helvetica,arial,sans-serif;color:#000;word-wrap:normal}
nav ul li a{color:#fff;}
nav ul li a:hover{color:#fff;}
abbr,acronym{border-bottom:1px dotted #000}
blockquote{border-left:2px solid #4db6ac;margin-bottom:1em;padding-left:1em}
cite:before,q:before{content:'\201C'}
cite:after,q:after{content:'\201D'}
code,command,kbd,samp,var{-moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:.3em;background-color:#e2e2e2;color:#000;font-size:85%;letter-spacing:.05em;padding:0 .5em}


#sidebar{width:100px;}