*{font-size:2.5vh;line-height:1;margin:0;padding:0;box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100vw;height:100vh;margin:0 auto;display:flex;flex-flow:row nowrap;justify-content:start;align-items:center}a{color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center}footer{text-align:center;font-size:10px;max-width:100%;position:sticky}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:2.5vh;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media screen and (max-width:500px){:root{scrollbar-width:none}}#_container_ozb1d_1{display:flex;flex-flow:column nowrap}#_footer_ozb1d_1{text-align:center;width:100%}#_periodictable_ozb1d_1{width:80vw;height:80vh;overflow:auto}#_toptable_ozb1d_1{position:relative;display:grid;grid-template-columns:repeat(18,minmax(9vh,9vh));grid-template-rows:repeat(7,minmax(9vh,9vh));gap:.25em}#_bottomtable_ozb1d_1{margin:.25em 0 0;position:relative;display:grid;grid-template-columns:repeat(14,minmax(9vh,9vh));grid-template-rows:repeat(2,minmax(9vh,9vh));gap:.25em}._elementinfo_ozb1d_75{border-radius:2px;position:relative;display:flex;flex-flow:column nowrap;justify-content:space-evenly}._elementbutton_ozb1d_95{text-align:center;font-size:3vh;background-color:#000;border:.075em solid #e5e5e5;border-radius:2px;width:9vh;height:9vh;display:flex;justify-content:center;align-items:center;position:absolute;z-index:2}._showButton_ozb1d_133{opacity:1}._hideButton_ozb1d_141{opacity:0}._energylevel_ozb1d_149{font-size:1.5vh}._symbol_ozb1d_157{font-size:1.7vh;font-weight:700}._name_ozb1d_167{font-size:1.3vh;font-weight:500}._weight_ozb1d_177{font-size:1.3vh}._state_ozb1d_185{text-align:right;font-size:1.5vh;font-weight:700}._alkalimetal_ozb1d_197{color:#0e6a7c;background-color:#d0f6f6}._metalloid_ozb1d_207{color:#83510e;background-color:#ffefd8}._actinide_ozb1d_217{color:#b53215;background-color:#fee4d0}._alkalineearthmetal_ozb1d_227{color:#dc1c34;background-color:#ffe7ea}._reactivenonmetal_ozb1d_237{color:#1061d4;background-color:#e1f1ff}._unknownchemicalproperties_ozb1d_247{color:#37363f;background-color:#e6e6e4}._transitionmetal_ozb1d_257{color:#5239d1;background-color:#f2e4ff}._noblegas_ozb1d_267{color:#bf2a5c;background-color:#ffe6ef}._posttransitionmetal_ozb1d_277{color:#297058;background-color:#dbfaeb}._lanthanide_ozb1d_287{color:#123950;background-color:#e7f8ff}#_revealbuttons_ozb1d_1{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:2vh;padding:2vh 0}#_showallbutton_ozb1d_1{color:#1061d4;background-color:#e1f1ff}#_showallbutton_ozb1d_1:hover{color:#1061d4;background-color:#e1f1ff;border:2px solid #1061d4}#_hideallbutton_ozb1d_1{border:2px solid #fff}#_hideallbutton_ozb1d_1:hover{border:2px solid #b1b1b1}@media screen and (max-width:500px){#_periodictable_ozb1d_1{width:100vw;box-shadow:inset 5px 5px 5px #00000040;scrollbar-width:none}#_toptable_ozb1d_1,#_bottomtable_ozb1d_1{padding:5vw}#_revealbuttons_ozb1d_1{padding:3vw 0;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;gap:2vw}}#_container_e8mkv_1{width:100vw;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;position:absolute;top:0;left:0;z-index:1}#_question_e8mkv_1{margin:5vh 0}#_elements_e8mkv_1{display:grid;grid-template-columns:25vh 25vh 25vh;grid-template-rows:25vh 25vh;gap:10px}._elementcontainer_e8mkv_51{width:100%;height:100%;border-radius:9px;position:relative}._elementinfo_e8mkv_69{width:100%;height:100%;padding:.7em;display:flex;flex-flow:column nowrap;justify-content:space-evenly;align-items:first baseline;position:absolute;z-index:1}._energylevel_e8mkv_99{font-size:3vh}._symbol_e8mkv_107{font-size:4vh;font-weight:700}._name_e8mkv_117{font-size:3vh}._weight_e8mkv_125{font-size:2.5vh}._stategroup_e8mkv_133{text-align:right;align-self:last baseline}._state_e8mkv_133{font-size:3vh;font-weight:700}._group_e8mkv_155{font-size:1.5vh;font-style:italic;font-weight:600}._elementbutton_e8mkv_167{font-size:5vh;background-color:#000;border:1px solid #e5e5e5;width:100%;height:100%;padding:0;position:absolute;z-index:2}._show_e8mkv_197{visibility:visible}._hide_e8mkv_205{visibility:hidden}._alkalimetal_e8mkv_213{color:#0e6a7c;background-color:#d0f6f6}._metalloid_e8mkv_223{color:#83510e;background-color:#ffefd8}._actinide_e8mkv_233{color:#b53215;background-color:#fee4d0}._alkalineearthmetal_e8mkv_243{color:#dc1c34;background-color:#ffe7ea}._reactivenonmetal_e8mkv_253{color:#1061d4;background-color:#e1f1ff}._unknownchemicalproperties_e8mkv_263{color:#37363f;background-color:#e6e6e4}._transitionmetal_e8mkv_273{color:#5239d1;background-color:#f2e4ff}._noblegas_e8mkv_283{color:#bf2a5c;background-color:#ffe6ef}._posttransitionmetal_e8mkv_293{color:#297058;background-color:#dbfaeb}._lanthanide_e8mkv_303{color:#123950;background-color:#e7f8ff}#_generatebutton_e8mkv_1{color:#000;background-color:#ff0;outline:none;margin-top:5vh}#_generatebutton_e8mkv_1:hover{outline:1px solid #ffffff}#_generatebutton_e8mkv_1:focus{outline:none}#_generatebutton_e8mkv_1:active{outline:none}#_streak_e8mkv_1{font-size:3vh;padding:2vh 0 0}@media screen and (max-width:500px){#_container_e8mkv_1{width:100vw;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;position:relative}#_question_e8mkv_1,#_question_e8mkv_1 span{font-size:3.5vw;margin:5vh 0}#_elements_e8mkv_1{width:100%;height:35%;display:grid;grid-template-columns:30vw 30vw 30vw;grid-template-rows:15vh 15vh;justify-content:center;align-items:center;gap:10px}#_generate-button_e8mkv_1{margin:0}._energy-level_e8mkv_431{font-size:3.5vw}._symbol_e8mkv_107{font-size:4.5vw;font-weight:700}._name_e8mkv_117{font-size:3.5vw}._weight_e8mkv_125{font-size:3vw}._state-group_e8mkv_465{text-align:right;align-self:last baseline}._state_e8mkv_133{font-size:3.5vw;font-weight:700}._group_e8mkv_155{font-size:2vw;font-style:italic;font-weight:600}#_streak_e8mkv_1{font-size:5vw;padding:0 0 10vw}}#_container_89mxr_1{width:100%;height:100%;padding:3vh;display:flex;flex-flow:column nowrap}#_content_89mxr_1{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:start}#_navbar_89mxr_1{height:92vh;display:flex;flex-flow:column nowrap;justify-content:start;align-items:center;gap:2vh;position:relative;z-index:2}#_logo_89mxr_1{width:25vh}button{font-size:3vh;width:30vh}#_periodictablebutton_89mxr_1{background-color:#00a2ff}#_gridgamebutton_89mxr_1{color:#000;background-color:#ff0}@media screen and (max-width:500px){#_content_89mxr_1{flex-flow:column nowrap;align-items:center}#_navbar_89mxr_1{height:auto;padding:0 0 5vh}}