/* Global Setup */
body {
    background: #000 url('Introglitched.gif') no-repeat center center fixed;
    background-size: cover;
    color: #00ff00;
    font-family: 'Courier New', Courier, monospace;
    margin: 0;
    padding: 0;
}

/* CRT Scanline Effect */
.crt-overlay {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.2) 50%);
    background-size: 100% 4px; z-index: 100; pointer-events: none;
}

#container {
    width: 900px;
    margin: 0 auto;
    background: rgba(0, 0, 0, 0.85); /* Dark Glass */
    backdrop-filter: blur(5px);
    border-left: 1px solid #222;
    border-right: 1px solid #222;
    min-height: 100vh;
}

/* Header & Nav */
#header {
    padding: 40px 20px;
    text-align: center;
    border-bottom: 1px solid #00ff00;
}

#nav {
    background: #111;
    border-bottom: 1px solid #222;
}

#nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
}

#nav li a {
    display: block;
    padding: 15px 20px;
    color: #00ff00;
    text-decoration: none;
    font-weight: bold;
}

#nav li a:hover {
    background: #00ff00;
    color: #000;
}

/* Main Layout */
#wrapper {
    display: flex;
    padding: 20px;
}

#content {
    flex: 2;
    padding-right: 20px;
}

#sidebar {
    flex: 1;
    border-left: 1px solid #222;
    padding-left: 20px;
}

/* Post Styling */
.post {
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #004400;
}

.post-title {
    color: #fff;
    margin: 0;
}

.post-date {
    font-size: 12px;
    color: #008800;
}

.blog-img {
    width: 100%;
    margin: 15px 0;
    border: 1px solid #00ff00;
    filter: contrast(120%);
}

/* Sidebar Boxes */
.side-box {
    margin-bottom: 30px;
}

.side-box h3 {
    background: #00ff00;
    color: #000;
    padding: 5px;
    font-size: 14px;
    text-transform: uppercase;
}

.tags {
    list-style: none;
    padding: 0;
}

.tags li {
    padding: 3px 0;
    border-bottom: 1px solid #111;
}

/* Footer */
#footer {
    text-align: center;
    padding: 20px;
    font-size: 11px;
    border-top: 1px solid #222;
}

/* Flicker Animation */
@keyframes flicker {
    0% { opacity: 0.98; }
    50% { opacity: 1; }
    100% { opacity: 0.99; }
}
body { animation: flicker 0.1s infinite; }