.navigation{position:fixed;top:20px;right:20px;z-index:1000}.navigation .nav-container{display:flex;gap:1rem;background:rgba(0,0,0,.8);padding:.5rem;border-radius:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1)}.navigation .nav-container .nav-link{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;color:#fff;text-decoration:none;border-radius:20px;transition:all .3s ease;font-size:.9rem;font-weight:500}.navigation .nav-container .nav-link:hover{background:rgba(255,215,0,.2);color:gold}.navigation .nav-container .nav-link.active{background:rgba(255,215,0,.3);color:gold}.navigation .nav-container .nav-link i{font-size:1rem}@media(max-width:768px){.navigation{top:10px;right:10px}.navigation .nav-container .nav-link{padding:.4rem .8rem;font-size:.8rem}.navigation .nav-container .nav-link span{display:none}}