@font-face {
    font-family: 'agave';
    src: url('agave.ttf');
}

html {
    font-family: 'agave', 'Courier New', Courier, monospace;
}

body {
    background-color: #eff1f5;
    color: #4c4f69;
    padding: 20px;
}

h1, h2 {
    color: #1e66f5;
}

a {
    color: #d20f39;
    text-decoration: none;
}

a.date {
    color: #1e66f5;
}

a:hover {
    text-decoration: underline;
}

.terminal {
    background-color: #dce0e8;
    border: 2px solid #7287fd;
    padding: 20px;
    border-radius: 5px;
}

.prompt {
    display: flex;
    align-items: center;
}

.prompt .segment {
    padding: 5px 10px;
    font-weight: bold;
}

.user-segment {
    background-color: #7287fd;
    color: #eff1f5;
    border-radius: 5px 0 0 5px;
}

.user-segment-middle {
    background-color: #7287fd;
    color: #eff1f5;
}

.arrow {
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}

.arrow-right {
    border-left: 15px solid #7287fd;
}

.arrow-left {
    border-right: 15px solid #7287fd;
}

.ls-output {
    font-family: 'agave', 'Courier New', Courier, monospace;
    white-space: pre;
}

.ls-output .directory {
    color: #40a02b;
}

.ls-output .file {
    color: #4c4f69;
}

.ls-output .executable {
    color: #df8e1d;
}

.ls-output .symlink {
    color: #1e66f5;
}

.ls-output .date {
    color: #8839ef;
}

.ls-output .size {
    color: #df8e1d;
}