.navbar{border-bottom:var(--border-width) solid color-mix(in oklab, var(--ring) 50%, transparent);justify-content:center;align-items:center;width:100%;height:60px;display:flex}.navbar-content{width:100%;max-width:var(--content-width);justify-content:space-between;align-items:center;display:flex}.navbar>div{flex:1;width:100%}.navbar-logo{align-items:center;gap:10px;margin-left:20px;display:flex}.navbar-logo img{width:40px;height:40px}.navbar-logo a{font-family:var(--font-cinzel);color:var(--primary);font-size:1.3rem;font-weight:400}.navbar-right{color:color-mix(in oklab, var(--foreground) 90%, var(--background));justify-content:flex-end;align-items:center;gap:5px;margin-right:20px;display:flex}.filter{justify-content:center;align-items:center;gap:4px;transition:all .2s ease-in-out;display:flex}.filter:hover{color:var(--primary);cursor:pointer}.filter:not(.not-filter):hover i{--fa:""}.navbar-links{justify-content:center;align-items:center;display:flex}.navbar-links i{font-size:20px}.footer{text-align:center;border-top:var(--border-width) solid color-mix(in oklab, var(--ring) 50%, transparent);color:color-mix(in oklab, var(--foreground) 90%, var(--background));flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;display:flex}.footer img{width:40px;height:40px}.footer-title{font-family:var(--font-cinzel);color:var(--primary);padding-bottom:10px;font-size:1.3rem;font-weight:400}.footer-text{flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:.9rem;display:flex}