.navCardWrapper{display:flex;gap:1rem;padding:1rem;width:17rem;border-radius:12px;background-color:rgba(20,20,20,.5);border-top:1px solid rgb(225,225,225,.3);box-shadow:0 8px 24px rgba(0,0,0,.2);.hrLine{width:0;background-color:#3B3B3B}img{width:2rem;height:2rem}}.navCardWrapper:hover{outline:solid 1px var(--brand-color)}@media screen and (max-width:1000px){.navCardWrapper{width:100%}}body{overflow-y:visible}.mainNav{position:relative;display:flex;justify-content:space-between;width:100%;background-color:var(--black-color-ui);align-items:center;z-index:50;padding:2% 10%;top:0}.mainNav:before{content:"";top:0;z-index:-1}.mainNav:before,.navMenu{position:absolute;left:0;width:100%}.navMenu{flex-wrap:wrap;gap:1rem;padding:2% 10%;top:100%;background:var(--black-color-ui)}.navMenu:before{content:"";position:absolute;top:0;left:0;width:100%;backdrop-filter:blur(.3rem);background-color:inherit;z-index:-1}.logo{width:130px}.navLinks{display:flex;cursor:pointer;align-items:center;gap:4rem}.navLink{display:flex;gap:.5rem}.navLink:hover{color:var(--brand-color)}.navLinkWrapper{display:flex;gap:1rem}a::selection,li::selection{display:none}@media screen and (max-width:1000px){.mainNav{position:static;flex-direction:column;justify-content:start;align-items:start;padding:5%;gap:2rem;width:100%}.logo{width:90px}.navLinks{gap:2rem}.navLinkWrapper,.navLinks{flex-direction:column;width:100%}.navLinkWrapper{align-items:start}.navMenu{position:relative;padding:0;top:0}}.burger{position:absolute;width:30px;height:30px;right:5%;.topBurger{width:15px}.middleBurger,.topBurger{position:absolute;left:0;height:4px;background-color:white;border-radius:4px;transition:transform .3s}.middleBurger{width:30px;top:.75rem}.bottomBurger{position:absolute;right:0;width:15px;height:4px;background-color:white;border-radius:4px;top:1.5rem;transition:transform .3s}.topBurgerActive{width:17px;transform:rotate(45deg) translate(7px,4px)}.middleBurgerActive,.topBurgerActive{position:absolute;left:0;height:4px;background-color:white;border-radius:4px;transition:transform .3s}.middleBurgerActive{width:30px;top:.75rem;transform:rotate(-45deg)}.bottomBurgerActive{position:absolute;right:0;width:15px;height:4px;background-color:white;border-radius:4px;top:1.5rem;transform:rotate(45deg) translate(-6px,-3px);transition:transform .3s}}.hrLine{position:relative;width:100%;height:2px;background-color:rgb(0,0,0,.5)}.hrLine:before{content:"";display:block;position:absolute;width:100%;height:.5px;background-color:rgba(255,255,255,.2);bottom:0}.darkBG{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);backdrop-filter:blur(5px);z-index:10;overflow:hidden;pointer-events:all}