:root{--surface: #FCFFD9;--on-surface: hsl(180, 11%, 23%);--link: #7b161a}body{min-height:100vh;background-color:var(--surface);display:flex;flex-direction:column}#app{flex-grow:1;display:flex;flex-direction:column;gap:16px}header{position:sticky;top:0;height:3rem;display:grid;grid-template-columns:1fr repeat(3,2fr);justify-content:space-evenly;align-items:center;background-color:var(--surface);@media (max-width: 904px){height:4rem}}header a{text-decoration:none;color:var(--on-surface);font-size:1.5rem;text-align:center;transition:all .2s ease-in-out;@media (max-width: 904px){font-size:1.25rem}}header a:hover{filter:drop-shadow(0 0 8px var(--on-surface))}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline;filter:drop-shadow(0 0 8px var(--link))}footer{min-height:3rem;background-color:var(--surface);color:var(--on-surface);padding:8px;@media (max-width: 904px){min-height:4rem}}main{display:grid;align-items:start;flex-grow:1;grid-template-columns:repeat(12,1fr);grid-auto-rows:min-content;gap:16px 24px;@media (max-width: 600px){margin:0 16px;width:calc(100% - 32px);grid-template-columns:repeat(4,1fr);gap:16px}@media (min-width: 600px) and (max-width: 904px){margin:0 32px;width:calc(100% - 64px);grid-template-columns:repeat(8,1fr)}@media (min-width: 904px) and (max-width: 1240px){margin:0 auto;width:840px}@media (min-width: 1240px) and (max-width: 1440px){margin:0 200px;width:calc(100% - 400px)}@media (min-width: 1440px){margin:0 auto;width:1040px}}p{font-size:1.2rem;color:var(--on-surface);margin-bottom:.5em}*{box-sizing:border-box;margin:0;padding:0}._active_19yo7_1{font-weight:700;font-weight:900}