*{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_4kjm9_1{width:100vw;height:100%;display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center}#_periodictable_4kjm9_1{width:80em;height:35em;box-shadow:inset 1px 1px 10px #0003;padding:1em;z-index:2;overflow-x:auto}#_toptable_4kjm9_1{position:relative;display:grid;grid-template-columns:repeat(18,minmax(6em,6em));grid-template-rows:repeat(7,minmax(6em,6em));gap:.25em}#_bottomtable_4kjm9_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_4kjm9_123{border-radius:2px;position:relative;display:flex;flex-flow:column nowrap}._elementbutton_4kjm9_141{text-align:center;font-size:5vh;background-color:#363636;border-radius:2px;width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:absolute;z-index:2}._elementbutton_4kjm9_141:hover{background-color:#494949;cursor:pointer}#_elementbutton_4kjm9_141:active{box-shadow:inset 1px 1px 10px #000}._showButton_4kjm9_197{opacity:1}._hideButton_4kjm9_205{opacity:0}._energylevel_4kjm9_213{font-size:.9em;padding:.2em 0 0 .3em}._symbol_4kjm9_225{font-size:1.2em;font-weight:700;padding:.2em 0 0 .2em}._name_4kjm9_239{font-size:.9em;font-weight:500;padding:.4em 0 0 .3em}._weight_4kjm9_253{font-size:.7em;padding:.5em 0 0 .3em}._state_4kjm9_265{text-align:right;font-size:.9em;font-weight:700;padding:0 .3em 0 0}._alkalimetal_4kjm9_281{color:#0e6a7c;background-color:#d0f6f6}._metalloid_4kjm9_291{color:#83510e;background-color:#ffefd8}._actinide_4kjm9_301{color:#b53215;background-color:#fee4d0}._alkalineearthmetal_4kjm9_311{color:#dc1c34;background-color:#ffe7ea}._reactivenonmetal_4kjm9_321{color:#1061d4;background-color:#e1f1ff}._unknownchemicalproperties_4kjm9_331{color:#37363f;background-color:#e6e6e4}._transitionmetal_4kjm9_341{color:#5239d1;background-color:#f2e4ff}._noblegas_4kjm9_351{color:#bf2a5c;background-color:#ffe6ef}._posttransitionmetal_4kjm9_361{color:#297058;background-color:#dbfaeb}._lanthanide_4kjm9_371{color:#123950;background-color:#e7f8ff}#_revealbuttons_4kjm9_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_4kjm9_1 p{font-size:15px;text-align:center;width:15em}#_revealbuttons_4kjm9_1 button{font-weight:600;border-radius:5px;width:8em;height:2.5em}#_revealbuttons_4kjm9_1 button:hover{cursor:pointer}#_showallbutton_4kjm9_1{font-size:16px;color:#e1f1ff;background-color:#1061d4}#_showallbutton_4kjm9_1:hover{color:#f0f8ff;background-color:#236dd4}#_showallbutton_4kjm9_1:active{box-shadow:inset 1px 1px 10px #0003}#_hideallbutton_4kjm9_1{font-size:16px;background-color:#363636}#_hideallbutton_4kjm9_1:hover{background-color:#494949}#_hideallbutton_4kjm9_1:active{box-shadow:inset 1px 1px 10px #000}._show_4kjm9_197{opacity:1}._hide_4kjm9_205{opacity:0}#_groupbuttons_4kjm9_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_4kjm9_1 button{width:100%;height:100%}#_alkalimetalsbutton_4kjm9_1{color:#d0f6f6;background-color:#0e6a7c}#_metalloidsbutton_4kjm9_1{color:#ffefd8;background-color:#83510e}#_actinidesbutton_4kjm9_1{color:#fee4d0;background-color:#b53215}#_alkalineearthmetalsbutton_4kjm9_1{color:#ffe7ea;background-color:#dc1c34}#_reactivenonmetalsbutton_4kjm9_1{color:#e1f1ff;background-color:#1061d4}#_unknownchemicalpropertiesbutton_4kjm9_1{color:#e6e6e4;background-color:#37363f}#_transitionmetalsbutton_4kjm9_1{color:#f2e4ff;background-color:#5239d1}#_noblegasesbutton_4kjm9_1{color:#ffe6ef;background-color:#bf2a5c}#_posttransitionmetalsbutton_4kjm9_1{color:#dbfaeb;background-color:#297058}#_lanthanidesbutton_4kjm9_1{color:#e7f8ff;background-color:#123950}._active_4kjm9_653{opacity:1}._inactive_4kjm9_661{opacity:.5}@media screen and (max-width:500px){#_container_4kjm9_1{flex-flow:column nowrap;justify-content:center}#_periodictable_4kjm9_1{width:100vw;align-self:flex-start;scrollbar-width:none}#_revealbuttons_4kjm9_1{height:auto;padding:1em 0;flex-flow:row nowrap}#_revealbuttons_4kjm9_1 p,h2,#_groupbuttons_4kjm9_1{display:none}}#_container_13ful_1{width:100vw;height:100%;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;position:absolute;top:0;left:0}#_question_13ful_1{margin:5vh 0}#_elements_13ful_1{display:grid;grid-template-columns:25vh 25vh 25vh;grid-template-rows:25vh 25vh;gap:10px}._elementcontainer_13ful_51{width:100%;height:100%;border-radius:9px;position:relative}._elementinfo_13ful_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_13ful_99{font-size:3vh}._symbol_13ful_107{font-size:4vh;font-weight:700}._name_13ful_117{font-size:3vh}._weight_13ful_125{font-size:2.5vh}._stategroup_13ful_133{text-align:right;align-self:last baseline}._state_13ful_133{font-size:3vh;font-weight:700}._group_13ful_155{font-size:1.5vh;font-style:italic;font-weight:600}._elementbutton_13ful_167{font-size:5vh;background-color:#363636;border-radius:9px;width:100%;height:100%;padding:0;position:absolute;z-index:2}._elementbutton_13ful_167:hover{cursor:pointer}._show_13ful_207{visibility:visible}._hide_13ful_215{visibility:hidden}._alkalimetal_13ful_223{color:#0e6a7c;background-color:#d0f6f6}._metalloid_13ful_233{color:#83510e;background-color:#ffefd8}._actinide_13ful_243{color:#b53215;background-color:#fee4d0}._alkalineearthmetal_13ful_253{color:#dc1c34;background-color:#ffe7ea}._reactivenonmetal_13ful_263{color:#1061d4;background-color:#e1f1ff}._unknownchemicalproperties_13ful_273{color:#37363f;background-color:#e6e6e4}._transitionmetal_13ful_283{color:#5239d1;background-color:#f2e4ff}._noblegas_13ful_293{color:#bf2a5c;background-color:#ffe6ef}._posttransitionmetal_13ful_303{color:#297058;background-color:#dbfaeb}._lanthanide_13ful_313{color:#123950;background-color:#e7f8ff}#_generatebutton_13ful_1{font-size:24px;color:#fff;background-color:#5239d1;width:7em;height:2em;border-radius:9px;outline:none;margin-top:5vh;z-index:2}#_generatebutton_13ful_1:hover{background-color:#5d45d5;cursor:pointer}#_generatebutton_13ful_1:active{box-shadow:inset 0 0 4px #00000080}#_generatebutton_13ful_1:focus{outline:none}#_generatebutton_13ful_1:active{outline:none}#_streak_13ful_1{font-size:3vh;padding:2vh 0 0}@media screen and (max-width:500px){#_container_13ful_1{width:100vw;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;position:relative}#_question_13ful_1,#_question_13ful_1 span{font-size:3.5vw;margin:5vh 0}#_elements_13ful_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_13ful_1{margin:0}._energy-level_13ful_471{font-size:3.5vw}._symbol_13ful_107{font-size:4.5vw;font-weight:700}._name_13ful_117{font-size:3.5vw}._weight_13ful_125{font-size:3vw}._state-group_13ful_505{text-align:right;align-self:last baseline}._state_13ful_133{font-size:3.5vw;font-weight:700}._group_13ful_155{font-size:2vw;font-style:italic;font-weight:600}#_streak_13ful_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}}