@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,300;0,400;0,500;0,600;1,400;1,500&display=swap";#root{margin:0 auto;padding:.3rem}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:100;pointer-events:none}.scroll-progress__bar{display:block;height:100%;width:100%;background:linear-gradient(90deg,#39f758,#2ca941);transform-origin:left center;transition:transform .12s ease-out}.motion-reveal{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}.motion-reveal--visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){.scroll-progress__bar,.motion-reveal{transition:none}.motion-reveal{opacity:1;transform:none}}html,body{width:100%;height:100%;margin:0;overflow-x:hidden;font-family:"IBM Plex Serif",serif;scroll-behavior:smooth}a{color:inherit;text-decoration:none}*{box-sizing:border-box}#home,#stats,#competencies,#about,#portfolio,#resume,#contact{scroll-margin-top:80px}@media (max-width: 48em){html{font-size:87.5%}#home,#stats,#competencies,#about,#portfolio,#resume,#contact{scroll-margin-top:64px}}@media (max-width: 36em){html{font-size:85%}}@media (prefers-reduced-motion: reduce){html,body{scroll-behavior:auto}}