.navigation{z-index:1000;position:fixed;top:20px;right:20px}.navigation .nav-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:1px solid #ffffff1a;border-radius:25px;gap:1rem;padding:.5rem;display:flex}.navigation .nav-container .nav-link{color:#fff;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.navigation .nav-container .nav-link:hover{color:gold;background:#ffd70033}.navigation .nav-container .nav-link.active{color:gold;background:#ffd7004d}.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}}