body {
    background-color: #303030;
    color: #ddd;
    font-family: "Monaco", "Lucida Console", "Courier New", monospace;
    margin: 2em 1em;
}

a {
    color: #88deff;
}

h1 {
    color: #00c200;
}

.main {
    width: fit-content;
    margin: auto;
}

.terminal {
    background-color: #191919;
    max-width: 80ch;
    width: 80ch;
    padding: 1ch;
    border: 1px solid black;
    border-radius: 1ch;
    word-wrap: break-word;
}

.prompt {
    padding: 0.4ex 0;
}

.inline-img {
    width: 100%;
    margin: 1ex 0;
}

.prompt::before {
    content: "root@terelius.dev:/$ ";
    color: #00c200;
}

.cursor::after {
    content: "";
    display: inline-block;
    background-color: #00c200;
    width: 1ch;
    height: 1.6ex;
    animation: blinking 1s step-end infinite;
}

@keyframes blinking {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

.path {
    color: #6972ff;
}