.sunlight-nav{border-radius:6px;height:50px;transition:width .35s cubic-bezier(.25,1,.5,1);position:relative;overflow:hidden}.sunlight-nav__wave{pointer-events:none;z-index:1;position:absolute;top:0;left:0}.sunlight-nav__items{z-index:2;height:100%;display:flex;position:relative}.sunlight-nav__item{color:#121212;white-space:pre-line;text-align:center;flex-shrink:0;justify-content:center;align-items:center;height:100%;font-size:14px;font-weight:600;line-height:1.2;transition:opacity .35s cubic-bezier(.25,1,.5,1);display:flex}.sunlight-nav__item:hover{opacity:.8}
.sky-shell{min-height:100vh;position:relative;overflow-x:hidden}.sky-shell__sky{z-index:0;will-change:background;position:fixed;inset:0}.sky-shell__stars{z-index:1;pointer-events:none;position:fixed;top:0;left:0}.sky-shell__sun{z-index:2;pointer-events:none;will-change:left,top,width,height;transition:left 1s cubic-bezier(.23,1,.32,1),top 1s cubic-bezier(.23,1,.32,1),width 1s cubic-bezier(.23,1,.32,1),height 1s cubic-bezier(.23,1,.32,1);position:fixed}.sky-shell__sun-inner{will-change:background-color;border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0}.sky-shell__sun-glow{will-change:background;border-radius:50%;width:calc(100% + 200px);height:calc(100% + 200px);position:absolute;top:-100px;left:-100px}.sky-shell__content{z-index:3;min-height:100vh;position:relative}.sky-shell__nav-wrapper{z-index:100;justify-content:center;padding:16px;display:flex;position:fixed;top:0;left:0;right:0}@media (max-width:500px){.sky-shell__nav-wrapper{padding:16px 0}}