body {
    background-color: #020202;
    color: #DDD;
    font-family: monospace;
    font-size: 18px;

    min-height: 100vh;
    margin: 0;
    display: grid;
    grid-template-rows: 1fr auto;
    grid-template-columns: 120px auto 120px;
}

main, footer {
    grid-column: 2;
}

footer { text-align: center }

h1 {
    text-align: center;
    margin-top: 120px;
}

.message { color: lightgreen; }
.prompt { color: #444; }
.message::before { content: "> "; }
.prompt::before {  content: "$ "; }

section {
    margin-left: 8%;
}

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

a:hover {
    color: lightgreen;
    text-decoration: none;
    cursor: pointer;
}


@media screen and (max-width: 990px) {
  body { grid-template-columns: 40px auto 40px }
}