@import"https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap";*{box-sizing:border-box}:root{--pulse-speed: 8s;--bg: #eee;--fg: #222;--large: 64rem}@media (prefers-color-scheme: dark){:root{--bg: #222;--fg: #eee}}html{font-family:Noto Sans,sans-serif}body{background-color:var(--bg);color:var(--fg);display:flex;margin:0 24px;padding-bottom:4rem}#root{width:100%;max-width:1280px;padding-top:5rem;margin:0 auto}h1,h2,h3,h4,h5,h6{line-height:1.4em;margin-top:0}h1{font-size:2em}section>header,section{margin-bottom:2rem}a{color:var(--fg)}.nav__header{position:fixed;top:0;left:0;right:0;background-color:var(--bg);padding:0;display:flex;border-bottom:1px solid var(--fg)}.nav__header a{padding:1rem;color:var(--fg);text-decoration:none}.nav__header .active{background-color:var(--fg);color:var(--bg)}footer{position:fixed;bottom:0;left:0;right:0;border-top:1px solid var(--fg);padding:0 1rem;background-color:var(--bg);text-align:center}:root{--card-gap: 2rem}.cards{display:flex;width:100%;flex-wrap:wrap;justify-content:space-between;row-gap:var(--card-gap);column-gap:var(--card-gap)}.card{background:var(--fg);color:var(--bg);padding:1.5rem;border-radius:1.5rem;width:100%}@media screen and (min-width: 64rem){.cards--col-2 .card{width:calc(50% - var(--card-gap) / 2)}}@keyframes fadeIn{0%{opacity:0}15%{opacity:1}to{opacity:1}}@keyframes pulse{0%{opacity:0}15%{opacity:1}30%{opacity:1}35%{opacity:0}to{opacity:0}}.home{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 5rem)}.home__content{position:relative;min-width:22rem}.home h1{margin-bottom:3rem}.home h2{position:absolute;bottom:0;left:0;opacity:0;animation:pulse var(--pulse-speed) forwards;animation-delay:0}.home h2:nth-of-type(2){animation-delay:calc(var(--pulse-speed)/ 3)}.home h2:nth-of-type(3){animation-delay:calc(var(--pulse-speed)/ 3 * 2)}.home h2:nth-of-type(4){animation:fadeIn var(--pulse-speed) forwards;animation-delay:calc(var(--pulse-speed))}.home h2:nth-of-type(4):after{content:"";display:block;height:.25rem;width:0%;position:absolute;bottom:0;left:0;background-color:var(--fg);animation:stretch calc(var(--pulse-speed) / 6) forwards;animation-delay:var(--pulse-speed)}@keyframes stretch{0%{width:0}to{width:100%}}.home h2:after{content:"..."}