:root{--color-white-soft:#f2f2f2;--color-purple-super-soft:#bca8df;--color-purple-soft:#905ec5;--color-black-soft:#060f22;--color-dark-purple-super-soft:#462e70;--color-dark-purple-soft:#42217a;--color-background-white:#fff;--color-background-dark:#110e3e;--color-soft-gray:#d2d2cf;--color-solar-blue:#1923a3;--color-text-light:#fff;--color-text-dark:#0a0a0a;--large-screen:1024px;--color-header-background:var(--color-white-soft);--color-header-gradient-middle-purple:var(--color-purple-super-soft);--color-header-gradient-purple:var(--color-purple-soft);--color-background:var(--color-background-white);--color-icon:var(--color-purple-soft);--color-icon-inverse:white;--color-link:var(--color-purple-soft);--color-copyright:var(--color-soft-gray);--color-text:var(--color-text-dark);--color-text-inverse:var(--color-text-light)}*,:before,:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;place-items:center;min-height:calc(100vh + 1px);font-family:Inter,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:16px;line-height:1.6;transition:color .5s,background-color .5s;display:flex}#app{max-width:1280px;margin:0 auto;padding:1rem;font-weight:400}main,header{margin:1rem 0 0}#topbar-nav,#nav-icons{margin:0 0 1rem}.button{border:var(--color-purple-soft) 2px solid;border-radius:6px;place-content:center;padding:.5rem 1.2rem;display:flex}.button:hover{color:#fff;background-color:var(--color-purple-soft);text-decoration:none}h1{font-size:1.6rem}@media (height>=412px) and (width>=1024px){#app{padding:1.5rem 3rem 2rem}main{margin:2rem 0 0}#topbar-nav{margin:0 0 1.5rem}#nav-icons{margin:0 0 2rem}h1{font-size:2rem}small{font-size:.9rem}.button{padding:.6rem 2rem}}@media (height>=824px) and (width>=1024px){h1{font-size:2.4rem}small{font-size:1rem}}a{color:var(--color-link);padding:3px;text-decoration:none;transition:all .4s}@media (hover:hover){a:hover{opacity:.7}}b{font-size:1.2rem;font-weight:400}