.glassy-navbar{-webkit-backdrop-filter:blur(40px)saturate(2);background:#000000b3;border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;height:4rem;box-shadow:0 8px 32px #0003,inset 0 1px #ffffff0d,inset 0 -1px #ffffff0d}.nav-item{padding:.5rem 0;transition:all .3s}.nav-item:hover{transform:translateY(-2px)}body{background-color:#232323}.glitch{text-transform:uppercase;color:#fff;letter-spacing:3px;white-space:nowrap;margin:0;font-family:Iceland,sans-serif;font-weight:700;text-decoration:none;display:inline-block;position:relative}.glitch:before,.glitch:after{content:attr(data-glitch);text-transform:uppercase;opacity:.8;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.glitch:after{color:#f0f;z-index:-2}.glitch:before{color:#0ff;z-index:-1}.glitch:hover:before{animation:.3s cubic-bezier(.25,.46,.45,.94) 5 both navGlitch}.glitch:hover:after{animation:.3s cubic-bezier(.25,.46,.45,.94) 5 reverse both navGlitch}.nav-item .glitch{font-size:1rem}@media (min-width:640px){.nav-item .glitch{letter-spacing:4px;font-size:1.125rem}}@media (min-width:1024px){.nav-item .glitch{letter-spacing:5px;font-size:1.25rem}}.footer-glitch{font-size:.875rem}@media (min-width:768px){.footer-glitch{font-size:1.25rem}}@media (max-width:767px){.mobile-menu-glitch{padding:.75rem 0;font-size:1.125rem}}@keyframes navGlitch{0%{transform:translate(0)}20%{transform:translate(-3px,3px)}40%{transform:translate(-3px,-3px)}60%{transform:translate(3px,3px)}80%{transform:translate(3px,-3px)}to{transform:translate(0)}}