@import url(https://fonts.googleapis.com/css?family=Inconsolata:400,700);
html {
  overflow-y: scroll; 
  background: #101010;
}
body {
  font: .9rem/1.2 'Inconsolata', monospace;
  color: #c2c2c2;
  font-weight: 400;
  padding: 1em;
  margin: 5% auto; 
  position: relative;
  width: 100%;
  box-sizing: border-box !important;
}
::selection{
  background: #eee
}
::-webkit-selection{
  background: #eee
}
::-moz-selection{
  background: #eee
}
main {
 max-width: 28em;
}
#Logo {
	color: #3c3c3c;
	width: 300px;
	white-space: pre;
	box-sizing: border-box !important;
	position: absolute;
	top: 0; 
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
}
a{
  color: #efefef;
}
a:hover,a:focus{
  color:#fff;
}
h2{
  font-size: 1em;
  font-weight: 400;
  color: #efefef;
}
p{
  margin-bottom:2em;
}
abbr{
  cursor: help;
}
ul{
  list-style: none;
  padding: 0;
}
li{
  margin:1em 0 0;
}
span{
  display: block;
  color:#848484;
  line-height:1;
}

kbd{
  font-family: 'Inconsolata', monospace;
  border:1px solid #999;
  text-transform: uppercase;
  padding:0 .2em;
}
input[type="text"]{
  font-family: 'Inconsolata', monospace;
  max-width: 10em;
  border: none;
  font-family: inherit;
  background: #101010;
  padding:0 .5em;
}
input[type="text"]:focus{
  background: #101010;
  color: #c2c2c2;
  outline:none;
}
.command{
  display: block;
  max-width: 20em;
  color: #c2c2c2;
  font-weight: 700;
  margin: 2em 0;
}


section{
  display: none;
}
.open{
  display: block;
}