body{
    background:#1b1b1b;
    color:#d0d0d0;
    font-family: Verdana, Arial, sans-serif;
    margin:0;
}

table{
    width:900px;
    margin:auto;
    border-collapse:collapse;
}

.header{
    background:#111;
    color:#00ff88;
    font-family:"Courier New", monospace;
    font-size:26px;
    padding:15px;
}

.nav{
    background:#2b2b2b;
    padding:8px;
}

.nav a{
    color:#cfcfcf;
    text-decoration:none;
    margin-right:20px;
    font-size:14px;
}

.nav a:hover{
    color:#00ff88;
}

.content{
    background:#202020;
    padding:20px;
}

.code{
    background:#111;
    border:1px solid #444;
    color:#00ff88;
    font-family:"Courier New", monospace;
    padding:10px;
}

.sidebar{
    background:#181818;
    width:200px;
    vertical-align:top;
    padding:15px;
    border-right:1px solid #333;
}

.footer{
    background:#111;
    text-align:center;
    font-size:12px;
    padding:10px;
    color:#777;
}

.blog-post h2 a {
    color: #00ff88;
    text-decoration: none;
}

.blog-post h2 a:hover {
    color: #ffffff;
}

.post-preview {
    background: #202020;
    padding: 10px;
    margin: 5px 0;
    border: 1px solid #444;
    font-family: "Courier New", monospace;
}

.read-more, .back-to-blog {
    color: #00ff88;
    text-decoration: none;
    font-weight: bold;
}

.read-more:hover, .back-to-blog:hover {
    color: #ffffff;
}

.blog-content {
    background: #202020;
    padding: 20px;
    border: 1px solid #444;
    font-family: "Courier New", monospace;
    white-space: pre-wrap; /* preserve formatting */
}

.pagination a, .pagination strong {
    margin: 0 5px;
    color: #cfcfcf;
    text-decoration: none;
}

.pagination strong {
    color: #00ff88;
}