aside {float: right;margin-top: -68px;}
body {background-color: #2d3746;color: #e7e7e7;}
header {background-color: #0d2440;border-bottom: 1px solid #1d3557;}
.navbar {
    padding: 0.5rem 1rem;
    border-radius: 20px;
}
.nav-link {color: #ffffff !important;transition: color 0.3s ease, transform 0.3s ease;padding: 0.5rem 1rem !important;}
.nav-link:hover {color: #24b500 !important;transform: translateY(-2px);}
.navbar-brand {color: #24b500 !important;font-weight: bold;}
.offcanvas {background-color: #0d2440;}
.offcanvas-title {color: #24b500;}
.btn-close-white {filter: invert(1) grayscale(100%) brightness(200%);}
.navbar-toggler {border-color: #ffffff;}
.navbar-toggler-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(168, 178, 209, 0.75)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
@media (max-width: 767.98px) {
    .offcanvas {width: 250px;}
}
.nav-link::after {content: '';display: block;width: 0;height: 2px;background: #24b500;transition: width 0.3s;}
.nav-link:hover::after {width: 100%;}
.nav-link.active {color: #24b500 !important;}
.nav-link.active::after {width: 100%;}
footer {
    background-color: #0d2440 !important;
    border-top: 1px solid #1d3557;
    border-radius: 20px;
}
footer h5 {color: #24b500;margin-bottom: 1rem;}
footer p {color: #ffffff;}
footer a {color: #24b500 !important;text-decoration: none;transition: opacity 0.3s ease;}
footer a:hover {opacity: 0.8;}
footer hr {border-color: #1d3557;}
.section-primary {
    background-color: #173f45 !important;
    border-radius: 20px;
}
.section-secondary {
    background-color: #323144 !important;
    border-radius: 20px;
}
.section-tertiary {
    background-color: #2a4365 !important;
    border-radius: 20px;
}
.section-quaternary {
    background-color: #2c5282 !important;
    border-radius: 20px;
}
.section-quinary {
    background-color: #2b6cb0 !important;
    border-radius: 20px;
}
.green-a {
    background-color: #21463c;
    border-radius: 20px;
}
.blue-a {
    background-color: #0095ff;
    border-radius: 20px;
}
.green-a:hover {background-color: #1DAE22;color: white;}
.green-a-head {margin-left: 15px;margin-top: 2px !important;}
li.nav-item {padding-top: 3px;}
.blue-a:hover {background-color: #0c63e4;color: white;}
.text-muted {color: #99cf9d !important;}
.onion {
    margin: 10px 0;
    padding: 10px;
    display: block;
    background-color: #2d2742;
    border-radius: 20px;
    user-select: all;
    word-wrap: break-word;
}
.nav-link {padding: 0.5rem 1rem !important;}
.img-left{float: left;margin-right: 25px;}