:root {
    --glass-bg: rgba(255,255,255,0.05);
    --glass-border: 1px solid rgba(255, 255, 255, 0.2);
    --dropdown-glass-bg: rgba(0,0,0,0.85);
    --dropdown-glass-border: 1px solid rgba(0, 255, 0, 0.4);
    --card-glass-bg: rgba(0,0,0,0.85);
    --card-glass-border: 1px solid rgba(0, 255, 255, 0.4);
}
/* uwu */
body {
    padding-top: 3.5rem !important;
}

.glossy {
    background-color: var(--glass-bg) !important;
    border-top: var(--glass-border);
    border-bottom: var(--glass-border);
    border-radius: 0 0 4px 4px;
    backdrop-filter: blur(10px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    z-index: 2;
}

.glass-dropdown:before {
    background-color: var(--dropdown-glass-bg) !important;
    border-top: var(--dropdown-glass-border);
    border-bottom: var(--dropdown-glass-border);
    border-left: var(--dropdown-glass-border);
    border-right: var(--dropdown-glass-border);
    border-radius: 8px 8px 8px 8px;
    backdrop-filter: blur(10px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

.glass-dropdown > .dropdown-divider {
    background-color: lightgrey !important;
}

main {
    z-index: 1 !important;
}

.container-fluid.v3 {
    margin-left: auto;
    max-width: 100% !important;
}

.container.v3 {
    background-color: rgba(0,0,0,0.1);
    padding-top: 58px;
    padding-bottom: 25px;
    padding-left: 40px;
    padding-right: 40px;
    max-width: 1850px;
    border-left: var(--glass-border);
    border-right: var(--glass-border);
    backdrop-filter: blur(4px);
}

.card.glossy {
    background-color: var(--card-glass-bg);
    border-top: var(--card-glass-border);
    border-bottom: var(--card-glass-border);
    border-left: var(--card-glass-border);
    border-right: var(--card-glass-border);
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

.imageCardFix {
    align-items: center;
    flex-direction: row-reverse;
}

.nav-container {
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    border-left: none !important;
    border-right: none !important;
    background-color: transparent !important;
    backdrop-filter: none !important;
}

.site-footer {
    position: relative;
}

.sm-icons {
    flex-direction: row;
}
/* teh heck */
.sm-icons .nav-link {
    padding-right: 0.5em !important;
    padding-left: 0.5em !important;
}