/* RETRO TERMINAL / CRT LOOK */
body {
    margin: 0;
    background: #000;
    color: #33ff33;
    font-family: "Courier New", monospace;
    font-size: 17px;
    text-shadow: 0 0 3px #33ff33;
    line-height: 1.5;
}

/* CRT SCANLINES */
body::before {
    content: "";
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    pointer-events: none;
    background: repeating-linear-gradient(
        rgba(0,0,0,0) 0px,
        rgba(0,0,0,0) 2px,
        rgba(0,0,0,0.10) 3px
    );
    z-index: 9999;
}

.container {
    width: 85%;
    margin: 40px auto;
    padding: 20px;
    border: 2px solid #33ff33;
    background: rgba(0,0,0,0.6);
}

nav {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #33ff33;
}

nav a {
    margin-right: 15px;
    color: #00ff99;
    text-decoration: none;
}

nav a:hover { 
    color: #fff; 
    text-shadow: 0 0 6px #fff; 
}

h1, h2, h3 { 
    color: #00ff88; 
    text-shadow: 0 0 6px #00ff88; 
}

.post-title::before { 
    content: "> "; 
    color: #33ff33; 
}

a { 
    color: #66ffcc; 
}
a:hover { 
    color: #fff; 
}

/* subtle CRT jitter animation for headings */
@keyframes jitter { 
    0% { transform: translateX(0); } 
    50% { transform: translateX(0.6px); } 
    100% { transform: translateX(0); } 
}
h1 { 
    animation: jitter 4s infinite; 
}