:root{--primaryColor:#fff;--secondaryColor:#282828;--accentColor:#228b22;--successColor:#228b22;--errorColor:#88261a;--paperColor:#f9f9f9;--darkPaperColor:#202020;--navbar-height:63px;--scroll-bar-width:7px}*{box-sizing:border-box;padding:0;margin:0}body,html{background-color:#fff;color:#000}html{width:100vw;overflow-x:hidden}body{max-width:100%;height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch}@media (-moz-touch-enabled:1),(pointer:coarse){body{position:fixed}}@media (-moz-touch-enabled:0),(pointer:fine){* ::-webkit-scrollbar{background:rgba(0,0,0,.2);width:var(--scroll-bar-width);height:var(--scroll-bar-width)}* ::-webkit-scrollbar-track{background:transparent}* :hover::-webkit-scrollbar-track{background:rgba(0,0,0,.02)}* ::-webkit-scrollbar-thumb{-webkit-transition:.5s;transition:.5s;border-radius:8px;background:rgba(0,0,0,.3)}* :hover::-webkit-scrollbar-thumb{background:rgba(0,0,0,.4)}* ::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.5)}}.indexPage h1.MuiTypography-root{font-size:2.1em}.indexPage h2.MuiTypography-root{font-size:1.95em}.indexPage h3.MuiTypography-root{font-size:1.8em}.indexPage h4.MuiTypography-root{font-size:1.6em}.indexPage h5.MuiTypography-root{font-size:1.35em}.indexPage h6.MuiTypography-root{font-size:1.15em}.indexPage p.MuiTypography-root{font-size:1em}@media (max-width:374px){html{font-size:12px;border-color:blue}}@media (min-width:375px) and (max-width:424px){html{font-size:13px;border-color:green}}@media (min-width:425px) and (max-width:767px){html{font-size:13.5px;border-color:#ff0}}@media (min-width:768px) and (max-width:1023px){html{font-size:14px;border-color:orange}}@media (min-width:1024px) and (max-width:1439px){html{font-size:16px;border-color:red}}@media (min-width:1440px){html{font-size:18px;border-color:purple}}@media screen and (min-width:900px){div#snap-container{overflow-x:hidden;overflow-y:scroll;max-width:100vw;max-height:100vh;scroll-snap-type:y proximity}div#snap-container section[id*=snap]{scroll-snap-align:start;scroll-snap-stop:always;scroll-margin-top:var(--navbar-height)}}span#highlight{color:var(--accentColor)}.blog-post{h1,p{margin:24px 0}p{line-height:1.6}h2{margin-top:24px}a{text-decoration:none}}.default{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;font-size:1.5rem}