:root{--color-background:#fafafa;--color-text-default:#0b1016;--color-base:#f4f5f6}@media (prefers-color-scheme:dark){:root{--color-background:#222;--color-text-default:#f0f2f3;--color-base:#293238}}body{background-color:var(--color-background);color:var(--color-text-default);font-family:sans-serif;font-size:25px;margin:0;min-width:350px;text-align:center}#content{min-height:100vh;margin:0 auto;max-width:30rem;padding:1em 1em 50px;position:relative;box-sizing:border-box}#content>div[id$=container]>div,#content>div[id$=container]>p{padding:0;margin:4rem 0}#title{font-family:serif;font-size:40px;margin:0 0 1.5em;padding:1em 0 0}#start{margin:4rem 0}button{font-size:25px;padding:.1em .5em}#learning-emojis{display:flex;justify-content:space-around}button.emoji{background:0 0;border:none;font-size:60px;margin:0;padding:0}@media (prefers-color-scheme:dark){button.emoji{background-color:#fff;border-radius:10px;padding-bottom:.1em;overflow:hidden}}#progress{font-size:.8em}#results-sentence{padding:2em 0}
#result{font-size:50px}#results-insights{margin:3em 0}#results-insights p{font-size:.8em;margin:.5em}#results-insights span{font-weight:900}#results-container button{font-size:.8em}#results-btns{display:flex;flex-wrap:wrap;justify-content:space-evenly}#results-btns button{display:flex;align-items:center;margin:.5em}#footer{bottom:0;left:0;position:absolute;width:100%}#footer p{font-family:monospace;font-size:20px;line-height:1em;margin:0;padding:15px}