@font-face {
    font-family: "Consolas";
    src: url("../fonts/consolas.woff") format("woff");
}

html {
    background: #282828;
    overflow-y: scroll;
}

body {
    font: 1.2em/1.6 'Consolas', 'Inconsolata', monospace;
    color: #fff;
    font-weight: 400;
    max-width: 40em;
    padding: 0 1em;
    margin: 3% 0;
}

::selection {
    background: #282828
}

::-moz-selection {
    background: #282828
}

a {
    color: #fff;
}

a:hover, a:focus {
    background: #181818;
    color: #fff;
}

h2 {
    font-size: 1em;
    font-weight: 400;
}

abbr {
    cursor: help;
}

ul {
    list-style: none;
    padding: 0;
}

li {
    margin: 1em 0 0;
}

span {
    display: inline-block;
    color: #fff;
    line-height: 1;
}

kbd {
    font-family: 'Consolas', 'Inconsolata', monospace;
    border: 1px solid #999;
    text-transform: uppercase;
    padding: 0 .2em;
}

#command-input {
    max-width: 10em;
    border: none;
    font-family: inherit;
    background: #282828;
}

#command-input:focus {
    background: #282828;
    color: #fff;
    outline: none;
}

.command {
    display: block;
    max-width: 30em;
    color: #fff;
    font-weight: 700;
    margin: 2em 0;
}

.my-05 {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.justify {
    text-align: justify;
}