@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";html,body,:root{font-family:Montserrat,sans-serif;margin:0;padding:0}h1{font-weight:400}html.dark{--background: #0a0a0a;--text-color: #ededed;--border-color: #222222;--toggle-hover: #303030;background-color:var(--background);color:var(--text-color)}html.light{--background: #ffffff;--text-color: #171717;--border-color: #eeeeee;--toggle-hover: #f0f0f0;background-color:var(--background);color:var(--text-color)}.nav{padding:.5rem 0;background-color:var(--background)}.nav-container{max-width:768px;margin:0 auto;padding:0 1rem}.nav-bar{display:flex;justify-content:space-between;align-items:center}.nav-title{font-size:1.5rem;text-decoration:none;color:var(--text-color);font-weight:500}.nav-links{display:flex;align-items:center;gap:1.5rem}.links{position:relative;transition:color .2s;text-decoration:none;color:var(--text-color)}.links:before,.links:after{content:"";opacity:0;transform:translateY(2px);transition:all .2s ease}.links:hover:before,.links:hover:after,.links.active:before,.links.active:after{opacity:1;transform:translateY(0)}.links:before{content:"[";margin-right:2px}.links:after{content:"]";margin-left:2px}.theme-mode-toggle{width:2rem;height:2rem;border:none;color:var(--text-color);background-color:transparent;cursor:pointer;border-radius:50%}.theme-mode-toggle:hover{background-color:var(--toggle-hover)}