html{scroll-behavior:smooth;scrollbar-color:#0f172a #f1f5f9}body{transition:background-color .3s ease}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#0f172a;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#0284c7}body,h1,h2,h3,h4,h5,h6,p,span{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}:focus{outline:2px solid rgba(21,98,173,.5);outline-offset:2px}button{transition:transform .2s ease,box-shadow .2s ease}button:hover{transform:translateY(-1px)}@keyframes pageTransition{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:pageTransition .5s ease forwards}img{transition:opacity .3s ease}img.lazy-load{opacity:0}img.lazy-loaded{opacity:1}a{position:relative;text-decoration:none;transition:color .3s ease}a:not(.MuiButton-root):not(.MuiIconButton-root):after{content:"";position:absolute;width:0;height:2px;bottom:-2px;left:0;background-color:currentColor;transition:width .3s ease}a:not(.MuiButton-root):not(.MuiIconButton-root):hover:after{width:100%}