body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    background: #141218;
    color: #fff;
    font-family: monospace !important;
}

.site {
    flex: 1;
}

*:hover,
*:focus,
*:active {
  outline: none;
  box-shadow: none !important;
}

.navbar {
    background: #141218 !important;
}

.nav-link {
    color: #fff !important;
}

.nav-link:hover {
    color: #fff !important;
}

.form-control,
.form-control:hover,
.form-control:focus,
.form-control:active,
.searchbox .btn,
.searchbox .btn:hover,
.searchbox .btn:focus,
.searchbox .btn:active,
.bg-light .form-control,
.bg-light .btn {
    color: #fdfaff !important;
    background: #141218 !important;
    border-radius: 0px !important;
    border: 1px solid #807d8b;
}

.searchbox .form-control {
    border-right: 0px !important;
}

.searchbox .btn {
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}

.searchbox .form-control {
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
}

.result h5 {
    font-weight: bold;
    margin-bottom: 0px;
    font-size: 18px;
}
.result h5 a {
    color: #fff;
}

.result small {
    font-size: 14px;
}

.result small a,
.result #link a {
    color: #a98fb9 !important;
    word-break: break-all;
}

.result p {
    word-wrap: break-word;
    color: #b0a8b5;
    font-size: 13px;
    word-break: break-all;
}

.page-link {
    background: #121212;
    color: #fff; 
}

.page-item.active .page-link,
.page-link:hover {
    z-index: 1;
    color: #fff;
    background-color: #a98fb9;
    border-color: #dee2e6;
}


.badge-secondary {
    color: #000;
    background-color: #c1baff;
    border: 1px solid #c1baff;
    font-weight: bold;
    font-size: 13px;
}

.adbox {
    background: #000 !important;
    color: #fff !important;
    padding: 2px !important;
}

a {
    color: #a98fb9;
}

.card {
    background-color: rgba(37,35,46,.3);
    border: 1px solid rgba(58,58,68,.4);
    color: #fff;
}

.card-directory-result {
    background: #141218;
}

.word-highlight {
    background: #554e25 !important;
}

#recommendations {
    margin-top: 2px !important;
    text-align: left !important;

    background: #141218 !important;
    border: 1px solid #807d8b !important;

    position: absolute !important;
    z-index: 9999 !important;
    display: none;
    max-width: 100%;

    box-shadow: 0 4px 12px rgba(0,0,0,0.6);
}

#recommendations div {
    padding: 0.5rem 1rem;
    cursor: pointer;
    transition: background-color 0.15s ease;
    color: #e0dbe6;
    border-bottom: 1px solid rgba(128,125,139,0.15);
}

#recommendations div:last-child {
    border-bottom: none;
}

#recommendations a {
    color: #a98fb9 !important;
    font-weight: bold !important;
    text-decoration: none;
}

#recommendations div:hover,
#recommendations div.active {
    background-color: #2a2733;
}

#recommendations .highlight {
    background: #554e25;
    color: #fff;
}