:root{--foreground:#121212;--background:#fff;--accent-1:#f5f5f5}@media(prefers-color-scheme:dark){:root{--foreground:#fff;--background:#121212;--accent-1:#303030}}body,html{width:100%;height:100%;box-sizing:border-box;font-family:Avenir,sans-serif;margin:0;padding:0}*,:after,:before{box-sizing:inherit}body{background-color:var(--background);color:var(--foreground)}h2{padding-top:1rem;text-align:center;margin:0}.emotions{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;padding:1rem}.block{padding:2rem 1rem;font-size:1.5rem;font-weight:700;text-align:center}.block,.modal_content{border:1px solid var(--accent-1);border-radius:1rem}.modal_content{width:80vw;height:80vh;z-index:999;left:0;bottom:0;margin:auto;top:0;right:0;position:absolute;padding:1rem;background-color:var(--background)}.modal_overlay{position:fixed;top:0;right:0;z-index:998;width:100vw;height:100vh;background-color:rgba(0,0,0,.1)}