@font-face {
    font-family: 'Fira Code';
    src: url('fonts/FiraCode-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    --nord0: #2e3440;
    --nord1: #3b4252;
    --nord2: #434c5e;
    --nord3: #4c566a;
    --nord4: #d8dee9;
    --nord5: #e5e9f0;
    --nord6: #eceff4;
    --nord7: #8fbcbb;
    --nord8: #88c0d0;
    --nord9: #81a1c1;
    --nord10: #5e81ac;
    --nord11: #bf616a;
    --nord12: #d08770;
    --nord13: #ebcb8b;
    --nord14: #a3be8c;
    --nord15: #b48ead;
}

body {
    margin: 0;
    padding: 20px;
    background-color: var(--nord0);
    font-family: 'Fira Code', monospace;
    color: var(--nord4);
}

.shell {
    max-width: 800px;
    margin: 0 auto;
}



.shell-header {
    font-weight: bold;
    margin-bottom: 20px;
    color: var(--nord8);
}

.shell-content {
    line-height: 1.6;
}

.shell-line {
    margin-bottom: 10px;
}

.shell-line a {
    color: var(--nord14);
    text-decoration: none;
}

.shell-line a {
    transition: color 0.3s ease;
}

.shell-line a:hover {
    text-decoration: underline;
    color: var(--nord10);
}