body { background-color: #162118 !important; color: #e8f0ea !important; }
.navbar, .navbar-default, .bg-primary { background-color: #b8dbb8 !important; }
.navbar-brand, .nav-link, .navbar-nav > li > a { color: #162118 !important; }
.card, .panel, .card-header, .panel-heading { background-color: #1e2b22 !important; border-color: #2a3b2e !important; color: #e8f0ea !important; }
.table { color: #e8f0ea !important; }
.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05) !important; }
.table-hover tbody tr:hover { background-color: rgba(255, 255, 255, 0.1) !important; }
.text-muted { color: #a7c1b0 !important; }
.btn-primary, .btn-info { background-color: #b8dbb8 !important; border-color: #b8dbb8 !important; color: #162118 !important; }

body::after {
    content: "";
    background-image: url('/img/sleep.png'); 
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 700px; 
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
    opacity: 1;
}