:root {
    --output-color: white;
    --username-color: lawngreen;
    --highlight-color: cyan;
    --background-color: black;
    --font-size: 18px;
    --font-name: Courier, monospace;
}

body {
    background-color: var(--background-color);
    font-size: var(--font-size);
}

.paragraph {
    padding-top: 1em;
    padding-bottom: 1em;
}

.paragraph-top {
    padding-top: 2em;
    padding-bottom: 2em;
}

.terminal-text {
    font-family: var(--font-name);
    color: var(--output-color);
    text-decoration: none;
}

.terminal-text.green {
    color: var(--username-color);
}

.terminal-text.blue {
    color: var(--highlight-color);
}

.center {
    margin: auto;
    max-width: 500pt;
    padding-right: 15px;
    padding-left: 15px;
}

input {
    background-color: var(--background-color);
    border: none;
    caret-color: var(--username-color);
    width: 25%;
    font-size: var(--font-size);
}

input:focus {
    outline: none;
}

a, a:hover, a:focus, a:active {
    text-decoration: none;
    color: inherit;
}
.bloglink {
    border-bottom: 1px dotted;
}

@media screen and (min-width: 600px) {
    .mobile-break {
        display: none;
    }
}