.solubility-rules{height:100vh;justify-content:center}.solubility-rules,.solubility-rules .solubility-container{display:flex;align-items:center;flex-flow:column}.solubility-rules .solubility-question{font-size:8rem;height:12rem}@media(max-width:50rem){.solubility-rules .solubility-question{font-size:3.5rem;height:5.25rem}}.polyatomic-naming{height:100vh;justify-content:center}.polyatomic-naming,.polyatomic-naming .polyatomic-container{display:flex;align-items:center;flex-flow:column}.polyatomic-naming input{color:#fff;background:#222;border:none}.polyatomic-naming .polyatomic-name{font-size:3em}.polyatomic-naming #polyatomic-text{font-size:4em;width:24rem}.polyatomic-naming #polyatomic-charge{font-size:2em;width:4rem;top:-2.5rem;margin-left:.5rem;position:relative}body,html{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0;height:100%}@media(prefers-color-scheme:dark){body,html{background-color:#111;color:#fff}}button{background-color:#404040;color:#fff;border:none;margin:.25rem;padding:.5rem;cursor:pointer;transition:opacity .5s}button:hover{opacity:.85}button{font-size:1.5rem}@media(max-width:50rem){button{font-size:1rem}}.correct{color:green}@media(prefers-color-scheme:dark){.correct{color:#4f4}}.incorrect{color:red}.correct,.hint,.incorrect{font-size:1.5rem;max-width:50rem;margin:0 1rem;height:0}@media(max-width:50rem){.correct,.hint,.incorrect{font-size:1.3rem}}