[data-bs-theme="dark"] .container {
    background-color: #161b22;
    padding: 20px;
    border-radius: 8px;
}

[data-bs-theme="dark"] h1, 
[data-bs-theme="dark"] h2, 
[data-bs-theme="dark"] h3 {
    color: #e6edf3;
}

[data-bs-theme="dark"] a {
    color: #58a6ff;
}

[data-bs-theme="dark"] a:hover {
    color: #1f6feb;
}

[data-bs-theme="dark"] ol, 
[data-bs-theme="dark"] ul {
    color: #c9d1d9;
}

[data-bs-theme="dark"] pre {
    background-color: #161b22;
    color: #e6edf3;
    padding: 10px;
    border-radius: 5px;
}

[data-bs-theme="dark"] code {
    background-color: #2d333b;
    color: #ffcc66;
    padding: 3px 6px;
    border-radius: 4px;
}

[data-bs-theme="dark"]  {
    background-color: #0d1117;
    color: white;
    box-shadow: 0 4px 10px rgba(255, 255, 255, 0.1);
}
.update {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    padding: 20px;
}
[data-bs-theme="dark"] .update {
    background-color: #161b22;
    color: #c9d1d9;
    border-left: 4px solid #2f81f7;
    padding: 1rem;
    border-radius: 0.5rem;
    box-shadow: 0 4px 10px rgba(255, 255, 255, 0.05);    
}