:root{--white: #ffffff;--ivory: #faf9f6;--gold: #c9a14a;--gold-light: #e4c77b;--charcoal: #1c1c1c;--heading: #172033;--muted: #777777;--line: #eae6de}html,body,#root{background:var(--ivory);color:var(--heading)}html{scroll-padding-top:84px}.nav-link{position:relative;display:inline-block;font-size:14px;text-decoration:none;font-weight:400;letter-spacing:.01em;transition:color .3s ease}.nav-link:after{content:"";position:absolute;left:50%;bottom:-4px;width:0;height:1px;transition:width .3s ease;transform:translate(-50%)}.nav-link--transparent{color:#fffc}.nav-link--transparent:after{background:var(--gold-light)}.nav-link--transparent:hover,.nav-link--transparent.nav-link--active{color:var(--gold-light)}.nav-link--transparent:hover:after,.nav-link--transparent.nav-link--active:after{width:100%}.nav-link--transparent.nav-link--active{font-weight:500}.nav-link--solid{color:var(--muted)}.nav-link--solid:after{background:var(--gold)}.nav-link--solid:hover,.nav-link--solid.nav-link--active{color:var(--gold)}.nav-link--solid:hover:after,.nav-link--solid.nav-link--active:after{width:100%}.nav-link--solid.nav-link--active{font-weight:500}