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:active {

    box-shadow: 0 0 0 0;

    outline: none;

}



input:hover {

    outline: none;

}



input:active, input:hover {



}



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:black;

    border-bottom: 1px dotted black;

}



main header {

    font-size: 80%;

}





.aligncontent-center {

    text-align: center;

}



.wrapper {

    margin-top:66px;

    padding: 1em;

    background-color: transparent;

}



.main-header {

    text-align: center;

    font-weight:300;

    font-size: 90%;

}



.toolbar {

    top: 0;

    left: 0;

    right: 0;

    background-color: transparent;

    line-height: 50px;

	float:right;

	margin-top:10px;

}



.menu-button {

  position: relative;

  margin: 0px;

  height: 36px;

  width: 36px;

  cursor: pointer;

}





.menu-left {



}



.sidebar {

    margin: 0;

    padding-top: 0em;

    color: white;

    background-color:#ffffff;

}



.sidebar h6 {

    margin: 0 .8em;

    padding: 0;

    font-weight:300;

}



.sidebar li {

    margin: .5em 0;

    padding: 0 1em;

    line-height: 32px;

}



.sidebar li:hover {

    background-color: #024fbb;

	color:#FFFFFF;

}



.sidebar li a {

   display:block;

   margin: .5em 0;

   padding: 0 1em;

   height:32px;

   line-height: 32px;

   }



.sidebar li a:hover {

	color:#FFFFFF;

	background-color: #024fbb;

}



.sidebar hr {

    margin: 1.5em auto;

    border: 0;

    padding: 0;

    height: 1px;

    background-color: #e4e4e4;

    

}