/* General Styling */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Oswald:wght@300;400;600&display=swap');

body {
    font-family: 'Oswald', sans-serif;
    background: linear-gradient(135deg, #0a0215, #1a0632);
    color: #eee;
    margin: 0;
    padding: 30px;
    line-height: 1.6;
}

.container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 20px;
    background-color: rgba(10, 2, 21, 0.7);
    border-radius: 10px;
    box-shadow: 0 0 30px rgba(144, 104, 255, 0.3);
}

/* Header Styling */
h1 {
    font-family: 'Bebas Neue', cursive, sans-serif;
    font-size: 4rem;
    color: #c084fc;
    text-shadow: 0 0 10px #9245f5, 0 0 20px #7b2cbf;
    margin-top: 20px;
    text-align: center;
    letter-spacing: 2px;
}

h2 {
    font-family: 'Bebas Neue', cursive, sans-serif;
    font-size: 2.5rem;
    color: #a855f7;
    border-bottom: 2px solid #9f7aea;
    padding-bottom: 8px;
    margin-top: 40px;
    text-align: left;
}

h3 {
    font-family: 'Bebas Neue', cursive, sans-serif;
    color: #c084fc;
    font-size: 1.8rem;
    margin-top: 30px;
    text-align: left;
}

/* Table Styling - Consolidated */
table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 16px;
    text-align: left;
    background-color: #1e1e2e;
    color: #ffffff;
    border: 1px solid #7b2cbf;
}

th {
    background-color: #7b2cbf;
    color: #ffffff;
    padding: 12px 15px;
    font-family: 'Bebas Neue', cursive, sans-serif;
    font-size: 1.2rem;
    letter-spacing: 1px;
    text-align: left;
}

td {
    padding: 12px 15px;
    border: 1px solid #301b63;
    text-align: left;
}

/* Alternate row shading for better readability */
tr:nth-child(even) {
    background-color: #282a36;
}

/* Special Table Styling - .monargs */
.monargs {
    width: 90%;
    margin: 30px auto;
}

.monargs th,
.monargs td {
    text-align: center;
}

/* Responsive adjustment for tables */
@media (max-width: 768px) {
    table, .monargs {
        width: 100%;
        font-size: 14px;
    }

    th, td {
        padding: 8px 10px;
    }
}

/* Footer */
footer {
    text-align: center;
    padding: 30px 20px;
    font-size: 0.9rem;
    color: #888;
    margin-top: 50px;
    border-top: 1px solid rgba(144, 104, 255, 0.3);
}

/* Code Block Styling */
pre {
    background-color: #171123;
    color: #50fa7b;
    padding: 15px;
    border-radius: 8px;
    overflow-x: auto;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    border-left: 4px solid #7b2cbf;
    margin: 20px 0;
}

code {
    background-color: rgba(23, 17, 35, 0.9);
    color: #50fa7b;
    padding: 3px 6px;
    border-radius: 4px;
    font-family: monospace;
}

/* Fix for Jekyll-specific issues */
.highlight pre,
.highlight code {
    background-color: #171123;
    color: #50fa7b;
}

/* Ensure content is visible on GitHub Pages */
.page-content {
    color: #eee;
}

/* Fix for potential theme conflicts */
.theme-content h1,
.theme-content h2,
.theme-content h3 {
    color: #c084fc;
}

/* Ensure Jekyll markdown content is properly styled */
.markdown-content table {
    color: #ffffff;
}

.markdown-content pre,
.markdown-content code {
    background-color: #171123;
    color: #50fa7b;
}