Description:

/* General body styling */
body {
background-color: #121212; /* Dark background */
color: #e0e0e0; /* Light gray text */
font-family: Arial, sans-serif; /* Optional font style */
margin: 0;
padding: 0;
}

/* Main content wrapper */
#main-content {
max-width: 800px; /* Limit the width for better readability */
margin: 0 auto; /* Center the content vertically */
padding: 20px;
}

/* Links */
a {
color: #66ccff; /* Light blue links */
text-decoration: none;
}

a:hover {
color: #99ddff; /* Brighter blue on hover */
text-decoration: underline;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
color: #ffffff; /* White headings */
margin-top: 20px;
margin-bottom: 10px;
text-align: center; /* Center-align headings */
}

/* Blockquotes */
blockquote {
background-color: #1e1e1e; /* Slightly lighter background for contrast */
border-left: 4px solid #66ccff;
color: #cccccc;
padding: 10px;
margin: 20px auto;
width: 90%; /* Center blockquotes */
}

/* Code blocks */
.code, pre {
background-color: #1e1e1e; /* Dark background for code */
color: #ffffff; /* White text for code */
padding: 10px;
border-radius: 4px;
font-family: monospace;
margin: 10px 0;
}

/* Tables */
table {
border-collapse: collapse;
width: 100%;
background-color: #1e1e1e;
color: #e0e0e0;
margin: 20px auto;
}

th, td {
border: 1px solid #333333;
padding: 8px;
text-align: left;
}

th {
background-color: #333333;
color: #ffffff;
}

/* Navigation and Sidebar */
#side-bar, #top-bar {
display: none; /* Hide the sidebars for vertical layout */
}

/* Footer */
#footer {
background-color: #1e1e1e;
color: #cccccc;
padding: 10px;
text-align: center;
margin-top: 20px;
}

/* Buttons */
button, input[type="submit"] {
background-color: #333333;
color: #e0e0e0;
border: 1px solid #666666;
padding: 5px 10px;
border-radius: 4px;
}

button:hover, input[type="submit"]:hover {
background-color: #555555;
border-color: #888888;
}