:root{--color-black-rgb:20, 20, 20;--color-yellow-rgb:255, 253, 113;--color-black:rgb(var(--color-black-rgb));--color-yellow:rgb(var(--color-yellow-rgb))}html{background:var(--color-yellow);background:#6865ff;height:100%;display:contents}body,#app{display:contents}body{color:var(--color-yellow);background-repeat:repeat-x repeat-y;font-family:DM Serif Text,serif;font-size:1rem;font-style:normal;font-weight:300}#animation{z-index:-1;position:fixed;inset:0}#moment{z-index:-100;position:relative}#moment video{object-fit:contain;object-position:50% 50%;z-index:-1;min-width:100%;min-height:100%;margin:auto;position:fixed;inset:-9999px}#moment:before{backdrop-filter:blur(3px);content:"";background:#0003;width:100%;height:100%;position:fixed;inset:0}img#moment{opacity:0}#moment.loaded{opacity:1;transition:all .7s}main{grid-auto-rows:auto 1fr;width:100vw;height:100%;display:grid}section#content{grid-template-rows:1fr[definition]auto;display:grid;overflow:auto}header{place-items:center;gap:1rem;display:grid}nav{grid-auto-columns:auto;grid-auto-flow:column;gap:1rem;display:grid}nav a,nav button{color:var(--color-yellow);backdrop-filter:blur(5px);background:rgba(var(--color-black-rgb), .7);outline:none;outline:0px solid var(--color-yellow);border:none;padding:1em;font-size:1rem;line-height:1em;text-decoration:none;transition:background-color .1s,outline 50ms,opacity .2s}nav svg{fill:var(--color-yellow);height:1em}nav a.active,nav button.active{background:var(--color-yellow);color:#000}nav a:hover,nav button:hover:not([disabled]){background:var(--color-black);color:var(--color-yellow);outline:3px solid var(--color-yellow)}nav button:disabled{opacity:.1}#brand{color:var(--color-yellow);font-size:3em;line-height:1em;text-decoration:none}::selection{background:#18d0f1}#definition{color:var(--color-yellow);opacity:.8;flex-wrap:wrap;grid-row-start:definition;justify-content:space-between;align-self:end;font-family:monospace;font-size:1.2em;display:flex}.section-padding{padding:1rem;transition:padding .1s}.section-backdrop{backdrop-filter:blur(10px);background:#00000080}.deck{text-align:center;padding:1rem;font-size:4em;font-style:italic}.nav-vertical{grid-auto-flow:row;align-self:end;justify-items:start}@media only screen and (width>=600px){header{place-items:unset;grid-auto-flow:column;justify-content:space-between}.section-padding{padding:2rem}}@media only screen and (height<=480px){.section-padding{padding:1rem}main{overflow:auto}section#content{overflow:unset}}
/*# sourceMappingURL=habit.1a2fe07c.css.map */