nav{align-items:center;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background-color:transparent;display:flex;height:80px;justify-content:space-around;padding:1rem;position:fixed;top:0;transition:background-color .3s ease-in-out,color .3s ease-in-out,-webkit-backdrop-filter .5s ease-in-out;transition:background-color .3s ease-in-out,color .3s ease-in-out,backdrop-filter .5s ease-in-out;transition:background-color .3s ease-in-out,color .3s ease-in-out,backdrop-filter .5s ease-in-out,-webkit-backdrop-filter .5s ease-in-out;width:100%;z-index:9999}nav img{filter:invert(0);transition:filter .4s ease-in-out}nav ul{display:none;gap:1rem}nav ul span{font-size:clamp(.8rem,5vw,1rem)!important}nav ul a{align-items:center;border-radius:.5rem;box-shadow:0 0 #0000,0 0 #0000,0 1px 2px #1212170d;cursor:pointer;display:flex;font-size:clamp(.8rem,5vw,1rem);justify-content:center;padding:.2rem .5rem;transition:background-color .2s ease-in-out}nav ul a:hover{background-color:rgba(var(--bg-1),.1)}@media (min-width:640px){nav ul{display:flex}}nav .router-link-active{background-color:rgb(var(--accent-color))!important;color:rgb(var(--bg-1))!important}nav.top-nav{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:rgba(var(--bg-1),.7);color:rgb(var(--theme))}nav.top-nav a:is(:hover,:focus){background-color:rgba(var(--theme),.2)}nav.top-nav img{filter:invert(74%) sepia(80%) saturate(615%) hue-rotate(5deg) brightness(104%) contrast(96%)}.p-dropdown-panel{z-index:9999!important}footer{align-items:center;background-color:rgb(var(--bg-1));color:rgb(var(--theme));display:flex;flex-direction:column;font-family:var(--text);justify-content:center;padding:2rem 1rem;position:relative}footer h4{font-size:clamp(2rem,10vw,2.2rem);line-height:35px;text-align:center}footer p{opacity:.6}.social{gap:1rem;height:70px;justify-content:space-evenly;min-height:30%}.social,.social .link{align-items:center;display:flex}.social .link{background-color:rgba(var(--theme),.8);border:2px solid rgb(var(--bg-1));border-radius:.8rem;color:rgb(var(--bg-1));flex-direction:column;padding:.5rem 1rem;transition:color .2s ease-in-out,border .2s ease-in-out,background-color .2s ease-in-out}.social .link svg{height:clamp(24px,10vw,40px);width:clamp(24px,10vw,40px)}.social .link span{height:0;opacity:0;transform:translateY(-25px);transition:transform .2s cubic-bezier(.32,.2,.36,1.21),height .2s cubic-bezier(.32,.2,.36,1.21),opacity .15s ease-in-out}.social .link:is(:hover,:focus){background-color:rgb(var(--bg-1));border:2px solid rgb(var(--accent-color));color:rgb(var(--accent-color))}.social .link:is(:hover,:focus) span{height:20px;opacity:1;transform:translateY(0)}