.navbar{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:hsla(0,0%,4%,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid hsla(0,0%,100%,.1);transition:all .3s ease-in-out}.navbar-brand .shiny-text{font-size:1.5rem;font-weight:700;color:#fff}.navbar-links{display:flex;gap:1.5rem}.navbar-links a{color:#ccc;text-decoration:none;font-weight:500;transition:color .3s ease;position:relative;padding-bottom:5px}.navbar-links a:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background-color:#fff;transition:width .3s ease}.navbar-links a:hover{color:#fff}.navbar-links a:hover:after{width:100%}@media (max-width:768px){.navbar{flex-direction:column;padding:1rem}.navbar-links{margin-top:1rem;gap:1rem}}