*{font-family:Calibri;line-height:1;margin:0;padding:0;box-sizing:border-box}:root{color-scheme:light dark;color:#000;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100%;margin:0 auto}body{margin:0;display:flex;place-items:center}button{border:0px solid #fff}@keyframes _fade-in_2htub_1{0%{opacity:0}to{opacity:1}}@keyframes _scroll-left_2htub_1{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes _scroll-right_2htub_1{0%{transform:translate(-50%)}to{transform:translate(0)}}#_welcome_2htub_1{width:100%;height:92vh;padding:0 0 8vh;display:flex;flex-flow:column wrap;justify-content:center;align-items:center;animation-name:_fade-in_2htub_1;animation-duration:4s;animation-fill-mode:forwards}h1{font-family:Gill Sans MT;font-size:40px}p{width:35vw}#_marqueecontainer_2htub_117{color:#01010133;position:absolute}._marqueecontainer_2htub_117{width:50vw;padding:10px 0;white-space:nowrap;position:relative;overflow:hidden}._marqueetrackleft_2htub_137{width:max-content;display:flex;animation:_scroll-left_2htub_1 60s linear infinite}._marqueetrackright_2htub_151{display:flex;width:max-content;animation:_scroll-right_2htub_1 60s linear infinite}._marquee_2htub_117{display:flex;flex-flow:column nowrap;align-items:center}._marqueecontainer_2htub_117:hover #_marqueetrackleft_2htub_137,._marqueecontainer_2htub_117:hover #_marqueetrackright_2htub_151{animation-play-state:paused}@media screen and (max-width:500px){._marqueecontainer_2htub_117{width:100vw}}#_footer_62t5e_1{text-align:center;font-size:12px;width:100%;height:100%;padding:0 0 2vh;display:flex;justify-content:center;align-items:flex-end;position:absolute;z-index:1}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#242424}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#777}#_container_ar9tj_1{width:100vw;height:100%;padding:5em 0 0;display:flex;flex-flow:row nowrap;justify-content:space-around;align-items:center}#_periodictable_ar9tj_1{width:80em;height:35em;box-shadow:inset 1px 1px 10px #0003;padding:1em;z-index:2;overflow-x:auto}#_toptable_ar9tj_1{position:relative;display:grid;grid-template-columns:repeat(18,minmax(6em,6em));grid-template-rows:repeat(7,minmax(6em,6em));gap:.25em}#_bottomtable_ar9tj_1{margin:1em 0 0;position:relative;display:grid;grid-template-columns:repeat(14,minmax(6em,6em));grid-template-rows:repeat(2,minmax(6em,6em));gap:.25em}._elementinfo_ar9tj_127{border-radius:2px;position:relative;display:flex;flex-flow:column nowrap}._elementbutton_ar9tj_145{text-align:center;font-size:5vh;color:#fff;background-color:#363636;border-radius:2px;width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:absolute;z-index:2}._elementbutton_ar9tj_145:hover{background-color:#494949;cursor:pointer}#_elementbutton_ar9tj_145:active{box-shadow:inset 1px 1px 10px #000}._showButton_ar9tj_203{opacity:1}._hideButton_ar9tj_211{opacity:0}._energylevel_ar9tj_219{font-size:.9em;padding:.2em 0 0 .3em}._symbol_ar9tj_231{font-size:1.2em;font-weight:700;padding:.2em 0 0 .2em}._name_ar9tj_245{font-size:.9em;font-weight:500;padding:.4em 0 0 .3em}._weight_ar9tj_259{font-size:.7em;padding:.5em 0 0 .3em}._state_ar9tj_271{text-align:right;font-size:.9em;font-weight:700;padding:0 .3em 0 0}._alkalimetal_ar9tj_287{color:#0e6a7c;background-color:#d0f6f6}._metalloid_ar9tj_297{color:#83510e;background-color:#ffefd8}._actinide_ar9tj_307{color:#b53215;background-color:#fee4d0}._alkalineearthmetal_ar9tj_317{color:#dc1c34;background-color:#ffe7ea}._reactivenonmetal_ar9tj_327{color:#1061d4;background-color:#e1f1ff}._unknownchemicalproperties_ar9tj_337{color:#37363f;background-color:#e6e6e4}._transitionmetal_ar9tj_347{color:#5239d1;background-color:#f2e4ff}._noblegas_ar9tj_357{color:#bf2a5c;background-color:#ffe6ef}._posttransitionmetal_ar9tj_367{color:#297058;background-color:#dbfaeb}._lanthanide_ar9tj_377{color:#123950;background-color:#e7f8ff}#_revealbuttons_ar9tj_1{height:100%;padding:1em 1em 0;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;gap:.5em;z-index:2}#_revealbuttons_ar9tj_1 p{font-size:15px;text-align:center;width:15em}#_revealbuttons_ar9tj_1 button{font-weight:600;border-radius:5px;width:8em;height:2.5em}#_revealbuttons_ar9tj_1 button:hover{cursor:pointer}#_showallbutton_ar9tj_1{font-size:16px;color:#e1f1ff;background-color:#1061d4}#_showallbutton_ar9tj_1:hover{color:#f0f8ff;background-color:#236dd4}#_showallbutton_ar9tj_1:active{box-shadow:inset 1px 1px 10px #0003}#_hideallbutton_ar9tj_1{font-size:16px;color:#fff;background-color:#363636}#_hideallbutton_ar9tj_1:hover{background-color:#494949}#_hideallbutton_ar9tj_1:active{box-shadow:inset 1px 1px 10px #000}._show_ar9tj_203{opacity:1}._hide_ar9tj_211{opacity:0}#_groupbuttons_ar9tj_1{font-size:14px;display:grid;grid-template-columns:repeat(2,minmax(9em,9em));grid-template-rows:repeat(5,minmax(3em,3em));gap:.5em}#_groupbuttons_ar9tj_1 button{width:100%;height:100%}#_alkalimetalsbutton_ar9tj_1{color:#d0f6f6;background-color:#0e6a7c}#_metalloidsbutton_ar9tj_1{color:#ffefd8;background-color:#83510e}#_actinidesbutton_ar9tj_1{color:#fee4d0;background-color:#b53215}#_alkalineearthmetalsbutton_ar9tj_1{color:#ffe7ea;background-color:#dc1c34}#_reactivenonmetalsbutton_ar9tj_1{color:#e1f1ff;background-color:#1061d4}#_unknownchemicalpropertiesbutton_ar9tj_1{color:#e6e6e4;background-color:#37363f}#_transitionmetalsbutton_ar9tj_1{color:#f2e4ff;background-color:#5239d1}#_noblegasesbutton_ar9tj_1{color:#ffe6ef;background-color:#bf2a5c}#_posttransitionmetalsbutton_ar9tj_1{color:#dbfaeb;background-color:#297058}#_lanthanidesbutton_ar9tj_1{color:#e7f8ff;background-color:#123950}._active_ar9tj_661{opacity:1}._inactive_ar9tj_669{opacity:.5}@media screen and (max-width:500px){#_container_ar9tj_1{flex-flow:column nowrap;justify-content:center}#_periodictable_ar9tj_1{width:100vw;align-self:flex-start;scrollbar-width:none}#_revealbuttons_ar9tj_1{height:auto;padding:1em 0;flex-flow:row nowrap}#_revealbuttons_ar9tj_1 p,h2,#_groupbuttons_ar9tj_1{display:none}}#_container_rhfkt_1{width:100vw;height:100%;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;position:absolute;top:0;left:0}#_question_rhfkt_1{font-size:1.5em;margin:5vh 0}#_elements_rhfkt_1{display:grid;grid-template-columns:25vh 25vh 25vh;grid-template-rows:25vh 25vh;gap:10px}._elementcontainer_rhfkt_55{width:100%;height:100%;border-radius:9px;position:relative}._elementinfo_rhfkt_73{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_rhfkt_103{font-size:3vh}._symbol_rhfkt_111{font-size:4vh;font-weight:700}._name_rhfkt_121{font-size:3vh}._weight_rhfkt_129{font-size:2.5vh}._stategroup_rhfkt_137{text-align:right;align-self:last baseline}._state_rhfkt_137{font-size:3vh;font-weight:700}._group_rhfkt_159{font-size:1.5vh;font-style:italic;font-weight:600}._elementbutton_rhfkt_171{font-size:5vh;color:#fff;background-color:#363636;border-radius:9px;width:100%;height:100%;padding:0;position:absolute;z-index:2}._elementbutton_rhfkt_171:hover{cursor:pointer}._show_rhfkt_213{visibility:visible}._hide_rhfkt_221{visibility:hidden}._alkalimetal_rhfkt_229{color:#d0f6f6;background-color:#0e6a7c}._metalloid_rhfkt_239{color:#ffefd8;background-color:#83510e}._actinide_rhfkt_249{color:#fee4d0;background-color:#b53215}._alkalineearthmetal_rhfkt_259{color:#ffe7ea;background-color:#dc1c34}._reactivenonmetal_rhfkt_269{color:#e1f1ff;background-color:#1061d4}._unknownchemicalproperties_rhfkt_279{color:#e6e6e4;background-color:#37363f}._transitionmetal_rhfkt_289{color:#f2e4ff;background-color:#5239d1}._noblegas_rhfkt_299{color:#ffe6ef;background-color:#bf2a5c}._posttransitionmetal_rhfkt_309{color:#dbfaeb;background-color:#297058}._lanthanide_rhfkt_319{color:#e7f8ff;background-color:#123950}#_generatebutton_rhfkt_1{font-size:24px;color:#fff;background-color:#0097ff;width:7em;height:2em;border-radius:9px;outline:none;margin-top:5vh;z-index:2}#_generatebutton_rhfkt_1:hover{background-color:#1aa3ff;cursor:pointer}#_generatebutton_rhfkt_1:active{box-shadow:inset 0 0 4px #00000080}#_generatebutton_rhfkt_1:focus{outline:none}#_generatebutton_rhfkt_1:active{outline:none}#_streak_rhfkt_1{font-size:3vh;padding:2vh 0 0}@media screen and (max-width:500px){#_container_rhfkt_1{width:100vw;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;position:relative}#_question_rhfkt_1,#_question_rhfkt_1 span{font-size:3.5vw;margin:5vh 0}#_elements_rhfkt_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_rhfkt_1{margin:0}._energy-level_rhfkt_477{font-size:3.5vw}._symbol_rhfkt_111{font-size:4.5vw;font-weight:700}._name_rhfkt_121{font-size:3.5vw}._weight_rhfkt_129{font-size:3vw}._state-group_rhfkt_511{text-align:right;align-self:last baseline}._state_rhfkt_137{font-size:3.5vw;font-weight:700}._group_rhfkt_159{font-size:2vw;font-style:italic;font-weight:600}#_streak_rhfkt_1{font-size:5vw;padding:0 0 15em}}#_container_uchkk_1{width:100vw;height:100%;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;position:absolute;top:0;left:0;z-index:1}#_instructions_uchkk_1{font-size:20px;margin:10vh 0 2.5vh}#_gamegrid_uchkk_1{display:grid;grid-template-columns:15vh 15vh 15vh 15vh;grid-template-rows:15vh 15vh 15vh 15vh;gap:10px}._gamebutton_uchkk_57:disabled{color:#fff}._gamebutton_uchkk_57{text-align:center;background-color:#000;width:100%;height:100%}._gamebutton_uchkk_57:hover{cursor:default}._blockcontainer_uchkk_91{width:15vh;height:15vh;position:relative}#_frontone_uchkk_1,#_fronttwo_uchkk_1,#_frontthree_uchkk_1,#_frontfour_uchkk_1,#_frontfive_uchkk_1,#_frontsix_uchkk_1,#_frontseven_uchkk_1,#_fronteight_uchkk_1,#_frontnine_uchkk_1,#_frontten_uchkk_1,#_fronteleven_uchkk_1,#_fronttwelve_uchkk_1,#_frontthirteen_uchkk_1,#_frontfourteen_uchkk_1,#_frontfifteen_uchkk_1,#_frontsixteen_uchkk_1{color:#fff}._frontcard_uchkk_113{background-color:#363636;width:100%;height:100%;border-radius:5px;padding:0;position:absolute;z-index:2;backface-visibility:hidden}._frontcard_uchkk_113:hover{cursor:pointer}._frontcard_uchkk_113 img{width:3em;height:3em}._backcard_uchkk_159{background-color:#363636;width:100%;height:100%;border-radius:5px;position:absolute;z-index:1;transform:rotateY(180deg)}._flip_uchkk_187{transform:rotateY(180deg);transition:transform 1s}._unflip_uchkk_197{opacity:1;transform:rotateY(0);transition:transform 1s}#_reshuffle_uchkk_1{font-size:16px;color:#fff;background-color:#5d45d5;width:7em;height:2.5em;border-radius:5px;margin:2em 0 0;outline:none;z-index:2}#_reshuffle_uchkk_1:hover{cursor:pointer}#_reshuffle_uchkk_1:focus{outline:none}#_reshuffle_uchkk_1:active{outline:none}@media screen and (max-width:500px){#_container_uchkk_1{width:100vw;height:90vh;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;position:relative}#_instructions_uchkk_1{margin:1em 0 2.5vh}#_gamegrid_uchkk_1{display:grid;grid-template-columns:20vh 20vh;grid-template-rows:repeat(8,7vh);gap:10px}._blockcontainer_uchkk_91{width:auto;height:auto}._frontcard_uchkk_113 img{width:1em;height:1em}#_reshuffle_uchkk_1{margin:2vh 0 0}}@keyframes _shift-down_17wmy_1{0%{transform:translateY(-100%)}to{transform:translateY(0)}}#_container_17wmy_1{width:100vw;height:100vh;display:flex;flex-flow:column nowrap;align-items:center}#_content_17wmy_1{background-color:#303030;width:100%;height:8vh;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;animation-name:_shift-down_17wmy_1;animation-duration:3s;animation-fill-mode:forwards;z-index:2}#_logo_17wmy_1{width:auto;height:2em;padding:0 0 0 1em}#_links_17wmy_103{padding:0 4em 0 0;display:flex;flex-flow:row nowrap}._links_17wmy_103{font-size:16px;color:#fff;background-color:#0000;border:0px solid #fff;padding:0 0 0 1em}._dropdowncontainer_17wmy_123:hover ._dropdown_17wmy_123{display:flex;flex-flow:column nowrap;align-items:start;gap:10px}._dropdown_17wmy_123{background-color:#303030;border-radius:5px;padding:1em;display:none;position:absolute}._dropdownlink_17wmy_159{font-size:16px;color:#fff;background-color:#0000;border:0px solid #fff;cursor:pointer}._dropdownlink_17wmy_159:disabled:hover{text-decoration:none;cursor:default}@media screen and (max-width:500px){#_links_17wmy_103{padding:0 2em 0 0}}