#navbar{width:calc(100vw - 80px);margin:0;z-index:20;display:grid;grid-template-columns:1fr max-content max-content max-content 1fr;align-items:center;gap:50px;padding:30px 40px;color:var(--color)}#navbar>#breaker{display:none}#navbar>#logo-and-title{cursor:pointer;display:flex;gap:5px;align-items:center;justify-content:start}#navbar>#logo-and-title>h1{margin:0;font-weight:500;font-size:var(--text-xm)}#navbar>.link{color:var(--color);list-style-type:none;padding-left:0;margin:0;text-decoration:none;font-size:var(--text-m);position:relative;z-index:0}#navbar>.link:not(.active):after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:3px;z-index:-1;border-radius:100px;background-color:var(--color-accent);clip-path:circle(0% at 0% 0%);opacity:.5;transition:all .2s ease-out}#navbar>.link:hover:not(.active):after{clip-path:circle(200% at 0% 0%)}#navbar>.active{color:var(--color);text-decoration:none}#navbar>.active:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:3px;z-index:-1;border-radius:100px;background-color:var(--color-accent);clip-path:circle(200% at 0% 0%)}#navbar>#download-button{height:35px;width:200px;justify-self:end;color:var(--color);background-color:transparent;font-size:var(--text-m);cursor:pointer;border:none;outline-style:solid;border-radius:100px;outline-color:var(--color);outline-width:1px;position:relative;z-index:1;transition:all .15s ease-out}#navbar>#download-button:hover{color:var(--background);transform:scale(1.1)}#navbar>#download-button:hover:after{clip-path:circle(200% at 0% 50%)}#navbar>#download-button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;border-radius:100px;background-color:var(--color-accent);clip-path:circle(0% at 0% 50%);transition:all .2s ease-out}