{"id":92370,"date":"2025-01-11T02:40:44","date_gmt":"2025-01-10T23:10:44","guid":{"rendered":"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/"},"modified":"2025-01-11T02:40:44","modified_gmt":"2025-01-10T23:10:44","slug":"%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2","status":"publish","type":"post","link":"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/","title":{"rendered":"\u0645\u0646 \u0648\u0628 \u0633\u0627\u06cc\u062a \u0622\u0645\u0648\u0632\u0634\u06cc \u0646\u0647\u0627\u06cc\u06cc \u0631\u0627 \u0627\u0632 \u0627\u0628\u062a\u062f\u0627 \u0633\u0627\u062e\u062a\u0645 &#8211; \u0631\u0648\u0632 3"},"content":{"rendered":"<div data-article-id=\"2199687\" id=\"article-body\">\n<p>\u0628\u0633\u06cc\u0627\u0631\u06cc \u0627\u0632 \u0645\u0631\u062f\u0645 \u0627\u0632 \u0645\u0646 \u0645\u06cc\u200c\u067e\u0631\u0633\u06cc\u062f\u0646\u062f \u06a9\u0647 \u0686\u0642\u062f\u0631 \u0632\u0645\u0627\u0646 \u0628\u0631\u0627\u06cc \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u0635\u0631\u0641 \u0645\u06cc\u200c\u0634\u0648\u062f\u061f \u0634\u0627\u06cc\u062f 2 \u06cc\u0627 3 \u0647\u0641\u062a\u0647 \u0628\u0648\u062f. \u0627\u0645\u0627\u060c \u0627\u06cc\u0646 \u0633\u0648\u0627\u0644 \u0628\u0627\u0639\u062b \u0634\u062f \u062a\u0627 \u062f\u0648\u0628\u0627\u0631\u0647 \u0641\u06a9\u0631 \u06a9\u0646\u0645 \u06a9\u0647 \u0686\u0642\u062f\u0631 \u0632\u0645\u0627\u0646 \u0635\u0631\u0641 \u0648\u0628 \u0633\u0627\u06cc\u062a \u0645\u06cc \u06a9\u0646\u0645. \u0645\u0646 8 \u0633\u0627\u0639\u062a \u0631\u0627 \u0641\u0642\u0637 \u062f\u0631 \u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc \u0635\u0631\u0641 \u06a9\u0631\u062f\u0645. \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646\u060c \u062a\u0635\u0645\u06cc\u0645 \u06af\u0631\u0641\u062a\u0645 \u0628\u0647 \u0633\u0631\u0639\u062a \u0645\u062d\u062a\u0648\u0627 \u062a\u0648\u0644\u06cc\u062f \u06a9\u0646\u0645 \u0648 \u0631\u0648\u06cc \u062c\u0632\u0626\u06cc\u0627\u062a \u062c\u0632\u0626\u06cc \u062a\u0645\u0631\u06a9\u0632 \u0646\u06a9\u0646\u0645\u060c \u06a9\u0627\u0631\u06cc \u06a9\u0647 \u062f\u0631 \u0631\u0648\u0632\u0647\u0627\u06cc \u0642\u0628\u0644 \u0627\u0646\u062c\u0627\u0645 \u062f\u0627\u062f\u0645. \u0645\u0646 \u062e\u06cc\u0644\u06cc \u0627\u0632 \u062a\u0648\u062c\u0647 \u0634\u0645\u0627 \u0631\u0627 \u0647\u062f\u0631 \u062f\u0627\u062f\u0645\u060c \u062d\u0627\u0644\u0627 \u0628\u06cc\u0627\u06cc\u06cc\u062f \u0645\u0633\u062a\u0642\u06cc\u0645\u0627\u064b \u0628\u0647 \u0627\u06cc\u0646 \u0631\u0648\u0646\u062f \u0628\u067e\u0631\u062f\u0627\u0632\u06cc\u0645.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_84 counter-hierarchy ez-toc-counter-rtl ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">\u0641\u0647\u0631\u0633\u062a \u0645\u0637\u0627\u0644\u0628<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#%D8%B3%D8%A7%D8%B9%D8%AA_19_%D8%A7%DB%8C%D8%AC%D8%A7%D8%AF_%D8%B5%D9%81%D8%AD%D9%87_%D9%85%D8%AD%D8%AA%D9%88%D8%A7%DB%8C_%D8%B4%DB%8C%D9%85%DB%8C\" >\u0633\u0627\u0639\u062a 19: \u0627\u06cc\u062c\u0627\u062f \u0635\u0641\u062d\u0647 \u0645\u062d\u062a\u0648\u0627\u06cc \u0634\u06cc\u0645\u06cc<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#id%22what-is-meant-by-newlands-law-of-octaves%22%3EWhat_is_meant_by_Newlands_Law_of_Octaves\" >id=\"what-is-meant-by-newlands-law-of-octaves\"&gt;What is meant by\n                Newland's Law of Octaves?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#id%22what-is-mendeleevs-periodic-law%22%3EWhat_is_Mendeleevs_Periodic_Law\" >id=\"what-is-mendeleevs-periodic-law\"&gt;What is Mendeleev's Periodic\n                Law?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#id%22what-is-the-modern-periodic-law%22%3EWhat_is_the_Modern_Periodic_Law\" >id=\"what-is-the-modern-periodic-law\"&gt;What is the Modern Periodic\n                Law?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#id%22Moseleys_law%22%3EExplain_Moseleys_experiment_and_the_results_of_it\" >id=\"Moseley's law\"&gt;Explain Moseley's experiment and the results of it.<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#id%22write-down-nomenclature-of-the-below-mentioned-elements-having-atomic-number-101-to-118%22%3EWrite_down_nomenclature_of_the_below_mentioned_elements_having_atomic_number_101_to_118\" >id=\"write-down-nomenclature-of-the-below-mentioned-elements-having-atomic-number-101-to-118\"&gt;Write\n                down nomenclature of the below mentioned elements having atomic number\n                101 to 118.<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#id%22Lanthanoid_and_Actinoid_Series%22%3EExplain_the_periodic_properties_of_Lanthanoid_and_Actinoid_series\" >id=\"Lanthanoid and Actinoid Series\"&gt;Explain the periodic properties of Lanthanoid and Actinoid series.<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#id%22how-would-you-justify-the-presence-of-18-elements-in-the-5th-period-of-the-periodic-table%22%3EHow_would_you_justify_the_presence_of_18_elements_in_the_5th_period_of_the_periodic_table\" >id=\"how-would-you-justify-the-presence-of-18-elements-in-the-5th-period-of-the-periodic-table\"&gt;How\n                would you justify the presence of 18 elements in the 5th period of the\n                periodic table?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#id%22write-down-general-group-electronic-configuration-of-s-block-p-block-d-block-and-f-block%22%3EWrite_down_general_group_electronic_configuration_of_s_block_p_block_d_block_and_f_block\" >id=\"write-down-general-group-electronic-configuration-of-s-block-p-block-d-block-and-f-block\"&gt;Write\n                down general group electronic configuration of s block, p block, d block\n                and f block?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#id%22what-is-meant-by-transuranium-element%22%3EWhat_is_meant_by_transuranium_element\" >id=\"what-is-meant-by-transuranium-element\"&gt;What is meant by\n                transuranium element?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#id%22about-author%22%3E_About_the_author\" >id=\"about-author\"&gt;\n                About the author<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#%D8%B3%D8%A7%D8%B9%D8%AA_20_%D8%A7%D8%B3%D8%AA%D8%A7%DB%8C%D9%84_%D8%AF%D8%A7%D8%AF%D9%86_%D8%A8%D9%87_%D8%B5%D9%81%D8%AD%D9%87_%D9%85%D8%AD%D8%AA%D9%88%D8%A7_%D9%88_%D8%A7%D9%81%D8%B2%D9%88%D8%AF%D9%86_JS_%D8%A8%D8%B1%D8%A7%DB%8C_%D9%81%D9%87%D8%B1%D8%B3%D8%AA_%D9%85%D8%B7%D8%A7%D9%84%D8%A8_%D9%BE%D9%88%DB%8C%D8%A7\" >\u0633\u0627\u0639\u062a 20: \u0627\u0633\u062a\u0627\u06cc\u0644 \u062f\u0627\u062f\u0646 \u0628\u0647 \u0635\u0641\u062d\u0647 \u0645\u062d\u062a\u0648\u0627 \u0648 \u0627\u0641\u0632\u0648\u062f\u0646 JS \u0628\u0631\u0627\u06cc \u0641\u0647\u0631\u0633\u062a \u0645\u0637\u0627\u0644\u0628 \u067e\u0648\u06cc\u0627<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#%D8%B3%D8%A7%D8%B9%D8%AA_21_%D8%AA%D8%A7_25_%D8%AA%DA%A9%D9%85%DB%8C%D9%84_%D8%B5%D9%81%D8%AD%D9%87_%D9%85%D8%AD%D8%AA%D9%88%D8%A7%DB%8C_%D8%B4%DB%8C%D9%85%DB%8C\" >\u0633\u0627\u0639\u062a 21 \u062a\u0627 25: \u062a\u06a9\u0645\u06cc\u0644 \u0635\u0641\u062d\u0647 \u0645\u062d\u062a\u0648\u0627\u06cc \u0634\u06cc\u0645\u06cc<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#id%22early-attempts-at-organization%22%3EEarly_Attempts_at_Organization\" >id=\"early-attempts-at-organization\"&gt;Early Attempts at\n                Organization<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#id%22mendeleevs-periodic-law-and-his-periodic-table%22%3EMendeleevs_Periodic_Law_and_His_Periodic_Table\" >id=\"mendeleevs-periodic-law-and-his-periodic-table\"&gt;Mendeleev's\n                Periodic Law and His Periodic Table<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#id%22modern-periodic-law-and-moseleys-experiment-explained%22%3EModern_Periodic_Law_and_Moseleys_Experiment_Explained\" >id=\"modern-periodic-law-and-moseleys-experiment-explained\"&gt;Modern\n                Periodic Law and Moseley's Experiment Explained<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#id%22periods-horizontal-rows-and-electron-shells%22%3EPeriods_Horizontal_Rows_and_Electron_Shells\" >id=\"periods-horizontal-rows-and-electron-shells\"&gt;Periods (Horizontal\n                Rows) and Electron Shells<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#id%22groups-vertical-columns-and-valence-electrons%22%3EGroups_Vertical_Columns_and_Valence_Electrons\" >id=\"groups-vertical-columns-and-valence-electrons\"&gt;Groups (Vertical\n                Columns) and Valence Electrons<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#id%22numbering-systems-for-groups%22%3ENumbering_Systems_for_Groups\" >id=\"numbering-systems-for-groups\"&gt;Numbering Systems for Groups<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-20\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#id%22blocks-of-periodic-table%22%3EBlocks_of_Periodic_Table\" >id=\"blocks-of-periodic-table\"&gt;Blocks of Periodic Table<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-21\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#id%22alkali-metals-group-1%22%3EAlkali_Metals_Group_1\" >id=\"alkali-metals-group-1\"&gt;Alkali Metals (Group 1)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-22\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#id%22alkali-earth-metals-groups-2%22%3EAlkali-Earth_Metals_Groups_2\" >id=\"alkali-earth-metals-groups-2\"&gt;Alkali-Earth Metals (Groups\n                2)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-23\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#id%22transition-metals-d-block%22%3ETransition_Metals_d-block\" >id=\"transition-metals-d-block\"&gt;Transition Metals (d-block)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-24\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#id%22halogens-group-17%22%3EHalogens_Group_17\" >id=\"halogens-group-17\"&gt;Halogens (Group 17)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-25\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#id%22noble-gases-group-18%22%3ENoble_Gases_Group_18\" >id=\"noble-gases-group-18\"&gt;Noble Gases (Group 18)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-26\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#id%22f-other-notable-groupselements%22%3EF_Other_Notable_GroupsElements\" >id=\"f-other-notable-groupselements\"&gt;F. Other Notable\n                    Groups\/Elements<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-27\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#id%22a-types-of-atomic-radii%22%3EA_Types_of_Atomic_Radii\" >id=\"a-types-of-atomic-radii\"&gt;A. Types of Atomic Radii<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-28\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#id%221-covalent-radius%22%3E1_Covalent_Radius\" >id=\"1-covalent-radius\"&gt;1. Covalent Radius<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-29\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#id%222-metallic-radius%22%3E2_Metallic_Radius\" >id=\"2-metallic-radius\"&gt;2. Metallic Radius<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-30\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#id%223-van-der-waals-radius%22%3E3_Van_der_Waals_Radius\" >id=\"3-van-der-waals-radius\"&gt;3. Van der Waals Radius<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-31\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#id%224-ionic-radius%22%3E4_Ionic_Radius\" >id=\"4-ionic-radius\"&gt;4. Ionic Radius<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-32\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#id%22b-trends-in-atomic-radius%22%3EB_Trends_in_Atomic_Radius\" >id=\"b-trends-in-atomic-radius\"&gt;B. Trends in Atomic Radius<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-33\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#id%221-trend-down-a-group%22%3E1_Trend_Down_a_Group\" >id=\"1-trend-down-a-group\"&gt;1. Trend Down a Group<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-34\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#id%222-trend-across-a-period%22%3E2_Trend_Across_a_Period\" >id=\"2-trend-across-a-period\"&gt;2. Trend Across a Period<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-35\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#id%22ionic-radius%22%3EIonic_Radius\" >id=\"ionic-radius\"&gt;Ionic Radius<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-36\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#id%22relationship-between-atomic-radius-and-ion-size%22%3ERelationship_between_Atomic_Radius_and_Ion_Size\" >id=\"relationship-between-atomic-radius-and-ion-size\"&gt;Relationship\n                    between Atomic Radius and Ion Size<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-37\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#id%22trends-in-ionic-radius-down-a-group%22%3ETrends_in_Ionic_Radius_Down_a_Group\" >id=\"trends-in-ionic-radius-down-a-group\"&gt;Trends in Ionic Radius Down\n                    a Group<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-38\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#id%22trends-in-ionic-radius-across-a-period%22%3ETrends_in_Ionic_Radius_Across_a_Period\" >id=\"trends-in-ionic-radius-across-a-period\"&gt;Trends in Ionic Radius\n                    Across a Period<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-39\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#id%22ionization-energy%22%3EIonization_Energy\" >id=\"ionization-energy\"&gt;Ionization Energy<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-40\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#id%22definition-of-ionization-energy%22%3EDefinition_of_Ionization_Energy\" >id=\"definition-of-ionization-energy\"&gt;Definition of Ionization\n                    Energy<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-41\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#id%22trends-in-ionization-energy%22%3ETrends_in_Ionization_Energy\" >id=\"trends-in-ionization-energy\"&gt;Trends in Ionization Energy<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-42\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#id%221-trend-down-a-group-1%22%3E1_Trend_Down_a_Group\" >id=\"1-trend-down-a-group-1\"&gt;1. Trend Down a Group<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-43\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#id%222-trend-across-a-period-1%22%3E2_Trend_Across_a_Period\" >id=\"2-trend-across-a-period-1\"&gt;2. Trend Across a Period<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-44\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#id%22electronegativity%22%3EElectronegativity\" >id=\"electronegativity\"&gt;Electronegativity<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-45\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#id%22definition-of-electronegativity%22%3EDefinition_of_Electronegativity\" >id=\"definition-of-electronegativity\"&gt;Definition of\n                    Electronegativity<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-46\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#id%22trends-in-electronegativity%22%3ETrends_in_Electronegativity\" >id=\"trends-in-electronegativity\"&gt;Trends in Electronegativity<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-47\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#id%221-trend-down-a-group-2%22%3E1_Trend_Down_a_Group\" >id=\"1-trend-down-a-group-2\"&gt;1. Trend Down a Group<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-48\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#id%222-trend-across-a-period-2%22%3E2_Trend_Across_a_Period\" >id=\"2-trend-across-a-period-2\"&gt;2. Trend Across a Period<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-49\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#id%22metallic-character%22%3EMetallic_Character\" >id=\"metallic-character\"&gt;Metallic Character<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-50\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#id%22trends-in-metallic-character%22%3ETrends_in_Metallic_Character\" >id=\"trends-in-metallic-character\"&gt;Trends in Metallic Character<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-51\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#id%221-trend-down-a-group-3%22%3E1_Trend_Down_a_Group\" >id=\"1-trend-down-a-group-3\"&gt;1. Trend Down a Group<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-52\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#id%222-trend-across-a-period-3%22%3E2_Trend_Across_a_Period\" >id=\"2-trend-across-a-period-3\"&gt;2. Trend Across a Period<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-53\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#id%22reactivity-trends-relating-to-other-periodic-trends%22%3EReactivity_Trends_Relating_to_Other_Periodic_Trends\" >id=\"reactivity-trends-relating-to-other-periodic-trends\"&gt;Reactivity\n                    Trends: Relating to Other Periodic Trends<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-54\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#id%22quantum-mechanics-and-electron-configurations%22%3EQuantum_Mechanics_and_Electron_Configurations\" >id=\"quantum-mechanics-and-electron-configurations\"&gt;Quantum Mechanics\n                    and Electron Configurations<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-55\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#id%22anomalies-in-periodic-trends%22%3EAnomalies_in_Periodic_Trends\" >id=\"anomalies-in-periodic-trends\"&gt;Anomalies in Periodic Trends<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-56\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#id%22advanced-bonding-theories-molecular-orbital-theory-and-the-role-of-the-periodic-table%22%3EAdvanced_Bonding_Theories_Molecular_Orbital_Theory_and_the_Role_of_the_Periodic_Table\" >id=\"advanced-bonding-theories-molecular-orbital-theory-and-the-role-of-the-periodic-table\"&gt;Advanced\n                    Bonding Theories: Molecular Orbital Theory and the Role of the Periodic\n                    Table<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-57\" href=\"https:\/\/nabfollower.com\/blog\/%d9%85%d9%86-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d9%86%d9%87%d8%a7%db%8c%db%8c-%d8%b1%d8%a7-%d8%a7%d8%b2-%d8%a7%d8%a8%d8%aa%d8%af%d8%a7-%d8%b3%d8%a7%d8%ae-2\/#id%22about-author%22%3E_About_the_author-2\" >id=\"about-author\"&gt;\n            About the author<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"%D8%B3%D8%A7%D8%B9%D8%AA_19_%D8%A7%DB%8C%D8%AC%D8%A7%D8%AF_%D8%B5%D9%81%D8%AD%D9%87_%D9%85%D8%AD%D8%AA%D9%88%D8%A7%DB%8C_%D8%B4%DB%8C%D9%85%DB%8C\"><\/span>\n<p>  \u0633\u0627\u0639\u062a 19: \u0627\u06cc\u062c\u0627\u062f \u0635\u0641\u062d\u0647 \u0645\u062d\u062a\u0648\u0627\u06cc \u0634\u06cc\u0645\u06cc<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0645\u0646 \u0628\u0627 \u0627\u06cc\u062c\u0627\u062f \u0622\u0646 \u0634\u0631\u0648\u0639 \u062e\u0648\u0627\u0647\u0645 \u06a9\u0631\u062f <code>periodicity-of-elements-qa.html<\/code> \u0641\u0627\u06cc\u0644 \u062f\u0627\u062e\u0644 <code>Chemistry\/3\/<\/code> \u062f\u0627\u06cc\u0631\u06a9\u062a\u0648\u0631\u06cc \u0627\u06cc\u0646 \u0635\u0641\u062d\u0647 \u0634\u0627\u0645\u0644 \u067e\u0631\u0633\u0634 \u0648 \u067e\u0627\u0633\u062e \u0628\u0627 \u0645\u0648\u0636\u0648\u0639 \u062a\u0646\u0627\u0648\u0628 \u0639\u0646\u0627\u0635\u0631 \u062e\u0648\u0627\u0647\u062f \u0628\u0648\u062f.<\/p>\n<p>\u0637\u0628\u0642 \u0645\u0639\u0645\u0648\u0644\u060c \u0645\u0646 \u06cc\u06a9 \u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc HTML \u0628\u0627 \u067e\u06cc\u0648\u0646\u062f\u0647\u0627\u06cc\u06cc \u0628\u0647 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\u200c\u0647\u0627 \u0648 \u0633\u0628\u06a9\u200c\u0647\u0627\u06cc \u0636\u0631\u0648\u0631\u06cc\u060c \u0647\u0645\u0631\u0627\u0647 \u0628\u0627 \u067e\u06cc\u0645\u0627\u06cc\u0634 \u0628\u0647 \u0635\u0641\u062d\u0627\u062a \u0627\u0635\u0644\u06cc \u0631\u0627 \u0627\u0636\u0627\u0641\u0647 \u06a9\u0631\u062f\u0645. \u0645\u0646 \u0627\u0632 a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u0645 <code>container<\/code> div\u060c <code>aside<\/code> \u0639\u0646\u0635\u0631 \u0628\u0627 \u0634\u0646\u0627\u0633\u0647 <code>table-of-contents<\/code>\u060c \u06a9\u0647 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0648 \u062f\u0631 \u0646\u0647\u0627\u06cc\u062a \u062a\u06af \u0627\u0635\u0644\u06cc \u067e\u0631 \u0645\u06cc \u0634\u0648\u062f.<\/p>\n<p>\u062f\u0631 \u0645\u0631\u062d\u0644\u0647 \u0628\u0639\u062f\u060c \u0645\u062d\u062a\u0648\u0627 \u0631\u0627 \u0627\u0636\u0627\u0641\u0647 \u06a9\u0631\u062f\u0645 \u06a9\u0647 \u0628\u0627 \u062a\u06af \u0647\u0627\u06cc \u0639\u0646\u0648\u0627\u0646 \u0648 \u0628\u0631\u062e\u06cc \u0627\u0632 \u0628\u0631\u0686\u0633\u0628 \u0647\u0627\u06cc \u067e\u0627\u0631\u0627\u06af\u0631\u0627\u0641 \u0628\u0631\u0627\u06cc \u0628\u062f\u0646\u0647 \u0627\u0635\u0644\u06cc \u0642\u0627\u0644\u0628 \u0628\u0646\u062f\u06cc \u0634\u062f\u0647 \u0627\u0633\u062a. \u0628\u0631\u0627\u06cc \u0641\u0631\u0645\u0648\u0644 \u0647\u0627 \u0648 \u0646\u0645\u0627\u062f\u0647\u0627 \u06a9\u0647 \u0645\u0646 \u0627\u0632 \u0646\u062d\u0648 LaTeX \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f\u0645\u060c LaTeX \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f \u0632\u06cc\u0631\u0627 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f \u067e\u06cc\u0634\u0631\u0648 \u0627\u0633\u062a:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight html\"><code>            <span class=\"nt\"><h2><span class=\"ez-toc-section\" id=\"id%22what-is-meant-by-newlands-law-of-octaves%22%3EWhat_is_meant_by_Newlands_Law_of_Octaves\"><\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"what-is-meant-by-newlands-law-of-octaves\"<\/span><span class=\"nt\">&gt;<\/span>What is meant by\n                Newland's Law of Octaves?<span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h2><\/span>\n                <span class=\"nt\"\/>Newland's Law of Octaves stated that when elements were arranged by increasing atomic weight, every eighth element had similar properties, like musical octaves.<span class=\"nt\"\/>\n            <span class=\"nt\"><h2><span class=\"ez-toc-section\" id=\"id%22what-is-mendeleevs-periodic-law%22%3EWhat_is_Mendeleevs_Periodic_Law\"><\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"what-is-mendeleevs-periodic-law\"<\/span><span class=\"nt\">&gt;<\/span>What is Mendeleev's Periodic\n                Law?<span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h2><\/span>\n                <span class=\"nt\"\/>Mendeleev's Periodic Law states that the properties of elements are a periodic function of their atomic weights.\n                <span class=\"nt\"\/>\n            <span class=\"nt\"><h2><span class=\"ez-toc-section\" id=\"id%22what-is-the-modern-periodic-law%22%3EWhat_is_the_Modern_Periodic_Law\"><\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"what-is-the-modern-periodic-law\"<\/span><span class=\"nt\">&gt;<\/span>What is the Modern Periodic\n                Law?<span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h2><\/span>\n                <span class=\"nt\"\/>The Modern Periodic Law states that the properties of elements are a periodic function of their atomic numbers ($Z$).<span class=\"nt\"\/>\n            <span class=\"nt\"><h2><span class=\"ez-toc-section\" id=\"id%22Moseleys_law%22%3EExplain_Moseleys_experiment_and_the_results_of_it\"><\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"Moseley's law\"<\/span><span class=\"nt\">&gt;<\/span>Explain Moseley's experiment and the results of it.<span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h2><\/span>\n                <span class=\"nt\"\/>\n                    Moseley bombarded elements with electrons, measuring the emitted X-ray frequencies ($\\nu$). He found $\\sqrt{\\nu} \\propto Z$ (atomic number). This showed atomic number, not atomic weight, determines element properties, leading to the Modern Periodic Law.\n                <span class=\"nt\"\/>\n            <span class=\"nt\"><h2><span class=\"ez-toc-section\" id=\"id%22write-down-nomenclature-of-the-below-mentioned-elements-having-atomic-number-101-to-118%22%3EWrite_down_nomenclature_of_the_below_mentioned_elements_having_atomic_number_101_to_118\"><\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"write-down-nomenclature-of-the-below-mentioned-elements-having-atomic-number-101-to-118\"<\/span><span class=\"nt\">&gt;<\/span>Write\n                down nomenclature of the below mentioned elements having atomic number\n                101 to 118.<span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h2><\/span>\n                <span class=\"nt\"><table>\n                    <span class=\"nt\"><thead>\n                    <span class=\"nt\"><tr>\n                    <span class=\"nt\"\/><th> <span class=\"na\">style=<\/span><span class=\"s\">\"text-align:left\"<\/span><span class=\"nt\">&gt;<\/span>Atomic Number<span class=\"nt\"\/><\/th>\n                    <span class=\"nt\"\/><th> <span class=\"na\">style=<\/span><span class=\"s\">\"text-align:left\"<\/span><span class=\"nt\">&gt;<\/span>Name<span class=\"nt\"\/><\/th>\n                    <span class=\"nt\"\/><th> <span class=\"na\">style=<\/span><span class=\"s\">\"text-align:left\"<\/span><span class=\"nt\">&gt;<\/span>Symbol<span class=\"nt\"\/><\/th>\n                    <span class=\"nt\"\/><\/tr><\/span>\n                    <span class=\"nt\"\/><\/thead><\/span>\n                    <span class=\"nt\"><tbody>\n                    <span class=\"nt\"><tr>\n                    <span class=\"nt\"\/><td> <span class=\"na\">style=<\/span><span class=\"s\">\"text-align:left\"<\/span><span class=\"nt\">&gt;<\/span>101<span class=\"nt\"\/><\/td>\n                    <span class=\"nt\"\/><td> <span class=\"na\">style=<\/span><span class=\"s\">\"text-align:left\"<\/span><span class=\"nt\">&gt;<\/span>Unnilunium<span class=\"nt\"\/><\/td>\n                    <span class=\"nt\"\/><td> <span class=\"na\">style=<\/span><span class=\"s\">\"text-align:left\"<\/span><span class=\"nt\">&gt;<\/span>Unu<span class=\"nt\"\/><\/td>\n                    <span class=\"nt\"\/><\/tr><\/span>\n                     <span class=\"c\"><!-- rows of tables go here --><\/span>\n                    <span class=\"nt\"\/><\/tbody><\/span>\n                    <span class=\"nt\"\/><\/table><\/span>\n            <span class=\"nt\"><h2><span class=\"ez-toc-section\" id=\"id%22Lanthanoid_and_Actinoid_Series%22%3EExplain_the_periodic_properties_of_Lanthanoid_and_Actinoid_series\"><\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"Lanthanoid and Actinoid Series\"<\/span><span class=\"nt\">&gt;<\/span>Explain the periodic properties of Lanthanoid and Actinoid series.<span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h2><\/span>                    \n            <span class=\"nt\"\/>Lanthanoids:<span class=\"nt\"\/>\n<span class=\"nt\"\/>\n<span class=\"nt\"><li\/><\/span>Electrons fill 4f orbitals.<span class=\"nt\"\/>\n<span class=\"nt\"><li\/><\/span>Silvery-white metals, tarnish in air.<span class=\"nt\"\/>\n<span class=\"nt\"><li\/><\/span>High melting and boiling points.<span class=\"nt\"\/>\n<span class=\"nt\"><li\/><\/span>Mostly +3 oxidation state.<span class=\"nt\"\/>\n<span class=\"nt\"><li\/><\/span>Form colored ions and complexes.<span class=\"nt\"\/>\n<span class=\"nt\"><li\/><\/span>Used as catalysts.<span class=\"nt\"\/>\n<span class=\"nt\"\/>\n<span class=\"nt\"\/>Actinoids:<span class=\"nt\"\/>\n<span class=\"nt\"\/>\n<span class=\"nt\"><li\/><\/span>Electrons fill 5f orbitals.<span class=\"nt\"\/>\n<span class=\"nt\"><li\/><\/span>Radioactive.<span class=\"nt\"\/>\n<span class=\"nt\"><li\/><\/span>Early members have multiple oxidation states, later ones mostly +3.<span class=\"nt\"\/>\n<span class=\"nt\"><li\/><\/span>High density and melting points.<span class=\"nt\"\/>\n<span class=\"nt\"><li\/><\/span>Form complexes.<span class=\"nt\"\/>\n<span class=\"nt\"><li\/><\/span>Used in nuclear reactors and weapons.<span class=\"nt\"\/>\n<span class=\"nt\"\/>\n\n            <span class=\"nt\"><h2><span class=\"ez-toc-section\" id=\"id%22how-would-you-justify-the-presence-of-18-elements-in-the-5th-period-of-the-periodic-table%22%3EHow_would_you_justify_the_presence_of_18_elements_in_the_5th_period_of_the_periodic_table\"><\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"how-would-you-justify-the-presence-of-18-elements-in-the-5th-period-of-the-periodic-table\"<\/span><span class=\"nt\">&gt;<\/span>How\n                would you justify the presence of 18 elements in the 5th period of the\n                periodic table?<span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h2><\/span>\n                <span class=\"nt\"\/>\n                    The 5th period starts with filling the 5s orbital (2 electrons). Then, the 4d orbitals are filled (10 electrons), followed by the 5p orbitals (6 electrons). This totals 2 + 10 + 6 = 18 electrons, hence 18 elements in the 5th period.\n                <span class=\"nt\"\/>\n            <span class=\"nt\"><h2><span class=\"ez-toc-section\" id=\"id%22write-down-general-group-electronic-configuration-of-s-block-p-block-d-block-and-f-block%22%3EWrite_down_general_group_electronic_configuration_of_s_block_p_block_d_block_and_f_block\"><\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"write-down-general-group-electronic-configuration-of-s-block-p-block-d-block-and-f-block\"<\/span><span class=\"nt\">&gt;<\/span>Write\n                down general group electronic configuration of s block, p block, d block\n                and f block?<span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h2><\/span>\n                <span class=\"nt\"\/>\n                    <span class=\"nt\"><li><strong\/><\/li><\/span>s-block:<span class=\"nt\"\/> $ns^{1-2}$ where n = 2-7<span class=\"nt\"\/>\n                    <span class=\"nt\"><li><strong\/><\/li><\/span>p-block:<span class=\"nt\"\/> $ns^2np^{1-6}$ where n = 2-7<span class=\"nt\"\/>\n                    <span class=\"nt\"><li><strong\/><\/li><\/span>d-block:<span class=\"nt\"\/> $(n-1)d^{1-10}ns^{0-2}$ where n = 4-7<span class=\"nt\"\/>\n                    <span class=\"nt\"><li><strong\/><\/li><\/span>f-block:<span class=\"nt\"\/> $(n-2)f^{0-14}(n-1)d^{0-1}ns^2$ where n = 6-7<span class=\"nt\"\/>\n                    <span class=\"nt\"\/>                    \n            <span class=\"nt\"><h2><span class=\"ez-toc-section\" id=\"id%22what-is-meant-by-transuranium-element%22%3EWhat_is_meant_by_transuranium_element\"><\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"what-is-meant-by-transuranium-element\"<\/span><span class=\"nt\">&gt;<\/span>What is meant by\n                transuranium element?<span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h2><\/span>\n            <span class=\"nt\"\/>Transuranium elements are elements with atomic numbers greater than 92 (Uranium). They are all synthetic and radioactive.\n            <span class=\"nt\"\/>\n             <span class=\"c\"><!-- Questions and answers go here --><\/span>\n            <span class=\"nt\"><h2><span class=\"ez-toc-section\" id=\"id%22about-author%22%3E_About_the_author\"><\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"about-author\"<\/span><span class=\"nt\">&gt;<\/span>\n                About the author\n            <span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h2><\/span>\n            <span class=\"nt\"\/> Written by <span class=\"nt\"><strong\/><\/span>Kaavje Sah\u00e9 <span class=\"nt\"\/>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0627\u06cc\u0646 \u0634\u0627\u0645\u0644 \u0645\u062d\u062a\u0648\u0627\u06cc \u0632\u06cc\u0627\u062f\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0639\u0646\u0627\u0648\u06cc\u0646 \u0648 \u0632\u06cc\u0631\u0639\u0646\u0648\u0627\u0646 \u0647\u0627\u060c \u0628\u0631\u062e\u06cc \u0644\u06cc\u0633\u062a \u0647\u0627 \u0648 \u062c\u062f\u0627\u0648\u0644 \u0642\u0627\u0644\u0628 \u0628\u0646\u062f\u06cc \u0634\u062f\u0647 \u0627\u0633\u062a. \u0645\u0646 \u0647\u0645\u0686\u0646\u06cc\u0646 \u06cc\u06a9 \u0628\u0631\u0686\u0633\u0628 &#8220;\u062f\u0631\u0628\u0627\u0631\u0647 \u0646\u0648\u06cc\u0633\u0646\u062f\u0647&#8221; \u0631\u0627 \u0628\u0631\u0627\u06cc \u0635\u062d\u062a \u0627\u0636\u0627\u0641\u0647 \u06a9\u0631\u062f\u0645.<\/p>\n<p>\u0645\u0646 \u0628\u0627\u06cc\u062f \u0628\u0647 \u0627\u06cc\u0646 \u0635\u0641\u062d\u0647 \u0627\u0633\u062a\u0627\u06cc\u0644 \u0628\u062f\u0647\u0645 \u062a\u0627 \u0645\u062a\u0646 \u0642\u0627\u0628\u0644 \u062e\u0648\u0627\u0646\u062f\u0646 \u0628\u0627\u0634\u062f \u0648 \u062e\u06cc\u0644\u06cc \u0628\u062f \u0628\u0647 \u0646\u0638\u0631 \u0646\u0631\u0633\u062f. \u0645\u0646 \u06cc\u06a9 \u0641\u0627\u06cc\u0644 css \u0627\u0636\u0627\u0641\u06cc \u0631\u0627 \u0628\u0647 \u0627\u06cc\u0646 \u0635\u0641\u062d\u0647 \u0627\u0636\u0627\u0641\u0647 \u0645\u06cc \u06a9\u0646\u0645 <code>style.css<\/code> \u0648 <code>style-main.css<\/code> \u0628\u0631\u0627\u06cc \u0639\u0646\u0627\u0635\u0631 \u0645\u0634\u062a\u0631\u06a9<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%D8%B3%D8%A7%D8%B9%D8%AA_20_%D8%A7%D8%B3%D8%AA%D8%A7%DB%8C%D9%84_%D8%AF%D8%A7%D8%AF%D9%86_%D8%A8%D9%87_%D8%B5%D9%81%D8%AD%D9%87_%D9%85%D8%AD%D8%AA%D9%88%D8%A7_%D9%88_%D8%A7%D9%81%D8%B2%D9%88%D8%AF%D9%86_JS_%D8%A8%D8%B1%D8%A7%DB%8C_%D9%81%D9%87%D8%B1%D8%B3%D8%AA_%D9%85%D8%B7%D8%A7%D9%84%D8%A8_%D9%BE%D9%88%DB%8C%D8%A7\"><\/span>\n<p>  \u0633\u0627\u0639\u062a 20: \u0627\u0633\u062a\u0627\u06cc\u0644 \u062f\u0627\u062f\u0646 \u0628\u0647 \u0635\u0641\u062d\u0647 \u0645\u062d\u062a\u0648\u0627 \u0648 \u0627\u0641\u0632\u0648\u062f\u0646 JS \u0628\u0631\u0627\u06cc \u0641\u0647\u0631\u0633\u062a \u0645\u0637\u0627\u0644\u0628 \u067e\u0648\u06cc\u0627<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0645\u0646 \u06cc\u06a9 \u062a\u06af \u0633\u0628\u06a9 \u062f\u0631 \u062f\u0627\u062e\u0644 \u0639\u0646\u0635\u0631 head \u0627\u06cc\u062c\u0627\u062f \u06a9\u0631\u062f\u0645 \u0648 \u0627\u0633\u062a\u0627\u06cc\u0644 \u0627\u0635\u0644\u06cc \u0631\u0627 \u0628\u0647 \u0622\u0646 \u0627\u0636\u0627\u0641\u0647 \u06a9\u0631\u062f\u0645:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight css\"><code>     <span class=\"o\">&lt;<\/span><span class=\"nt\">style<\/span><span class=\"o\">&gt;<\/span>\n<span class=\"nt\">header<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">background<\/span><span class=\"p\">:<\/span> <span class=\"n\">linear-gradient<\/span><span class=\"p\">(<\/span><span class=\"m\">135deg<\/span><span class=\"p\">,<\/span> <span class=\"m\">#252525<\/span> <span class=\"m\">0%<\/span><span class=\"p\">,<\/span> <span class=\"m\">#303030<\/span> <span class=\"m\">100%<\/span><span class=\"p\">);<\/span> <span class=\"c\">\/* Subtle gradient for depth *\/<\/span>\n    <span class=\"nl\">padding<\/span><span class=\"p\">:<\/span> <span class=\"m\">1.2rem<\/span> <span class=\"m\">0<\/span><span class=\"p\">;<\/span> <span class=\"c\">\/* Slightly increased padding *\/<\/span>\n    <span class=\"nl\">box-shadow<\/span><span class=\"p\">:<\/span> <span class=\"m\">0<\/span> <span class=\"m\">4px<\/span> <span class=\"m\">8px<\/span> <span class=\"n\">rgba<\/span><span class=\"p\">(<\/span><span class=\"m\">0<\/span><span class=\"p\">,<\/span> <span class=\"m\">0<\/span><span class=\"p\">,<\/span> <span class=\"m\">0<\/span><span class=\"p\">,<\/span> <span class=\"m\">0.2<\/span><span class=\"p\">);<\/span> <span class=\"c\">\/* More pronounced, darker shadow *\/<\/span>\n    <span class=\"nl\">position<\/span><span class=\"p\">:<\/span> <span class=\"n\">sticky<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">top<\/span><span class=\"p\">:<\/span> <span class=\"m\">0<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">z-index<\/span><span class=\"p\">:<\/span> <span class=\"m\">1000<\/span><span class=\"p\">;<\/span> <span class=\"c\">\/* Increased z-index for better layering *\/<\/span>\n    <span class=\"nl\">transition<\/span><span class=\"p\">:<\/span> <span class=\"n\">box-shadow<\/span> <span class=\"m\">0.3s<\/span> <span class=\"n\">ease-in-out<\/span><span class=\"p\">,<\/span> <span class=\"n\">transform<\/span> <span class=\"m\">0.3s<\/span> <span class=\"n\">ease-in-out<\/span><span class=\"p\">;<\/span> <span class=\"c\">\/* Smooth transition for sticky effect *\/<\/span>\n    <span class=\"nl\">transform<\/span><span class=\"p\">:<\/span> <span class=\"n\">translateY<\/span><span class=\"p\">(<\/span><span class=\"m\">0<\/span><span class=\"p\">);<\/span> <span class=\"c\">\/* Initial state for smooth sticky animation *\/<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"nt\">header<\/span><span class=\"nc\">.sticky-active<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">box-shadow<\/span><span class=\"p\">:<\/span> <span class=\"m\">0<\/span> <span class=\"m\">2px<\/span> <span class=\"m\">6px<\/span> <span class=\"n\">rgba<\/span><span class=\"p\">(<\/span><span class=\"m\">0<\/span><span class=\"p\">,<\/span> <span class=\"m\">0<\/span><span class=\"p\">,<\/span> <span class=\"m\">0<\/span><span class=\"p\">,<\/span> <span class=\"m\">0.3<\/span><span class=\"p\">);<\/span> <span class=\"c\">\/* Different shadow when sticky *\/<\/span>\n    <span class=\"nl\">transform<\/span><span class=\"p\">:<\/span> <span class=\"n\">translateY<\/span><span class=\"p\">(<\/span><span class=\"m\">-5px<\/span><span class=\"p\">);<\/span> <span class=\"c\">\/* Slight lift when sticky *\/<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"nt\">nav<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">display<\/span><span class=\"p\">:<\/span> <span class=\"n\">flex<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">justify-content<\/span><span class=\"p\">:<\/span> <span class=\"n\">space-between<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">align-items<\/span><span class=\"p\">:<\/span> <span class=\"nb\">center<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">max-width<\/span><span class=\"p\">:<\/span> <span class=\"m\">1200px<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">margin<\/span><span class=\"p\">:<\/span> <span class=\"m\">0<\/span> <span class=\"nb\">auto<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">padding<\/span><span class=\"p\">:<\/span> <span class=\"m\">0<\/span> <span class=\"m\">30px<\/span><span class=\"p\">;<\/span> <span class=\"c\">\/* Slightly increased side padding *\/<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"nc\">.logo<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">font-size<\/span><span class=\"p\">:<\/span> <span class=\"m\">2rem<\/span><span class=\"p\">;<\/span> <span class=\"c\">\/* Slightly larger logo *\/<\/span>\n    <span class=\"nl\">font-weight<\/span><span class=\"p\">:<\/span> <span class=\"m\">700<\/span><span class=\"p\">;<\/span> <span class=\"c\">\/* Bolder logo *\/<\/span>\n    <span class=\"nl\">color<\/span><span class=\"p\">:<\/span> <span class=\"m\">#7db4ff<\/span><span class=\"p\">;<\/span> <span class=\"c\">\/* Updated logo color, slightly lighter *\/<\/span>\n    <span class=\"nl\">text-shadow<\/span><span class=\"p\">:<\/span> <span class=\"m\">0<\/span> <span class=\"m\">1px<\/span> <span class=\"m\">3px<\/span> <span class=\"n\">rgba<\/span><span class=\"p\">(<\/span><span class=\"m\">0<\/span><span class=\"p\">,<\/span> <span class=\"m\">0<\/span><span class=\"p\">,<\/span> <span class=\"m\">0<\/span><span class=\"p\">,<\/span> <span class=\"m\">0.4<\/span><span class=\"p\">);<\/span> <span class=\"c\">\/* Subtle text shadow for depth *\/<\/span>\n    <span class=\"nl\">transition<\/span><span class=\"p\">:<\/span> <span class=\"n\">transform<\/span> <span class=\"m\">0.3s<\/span> <span class=\"n\">ease-in-out<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"nc\">.logo<\/span><span class=\"nd\">:hover<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">transform<\/span><span class=\"p\">:<\/span> <span class=\"n\">scale<\/span><span class=\"p\">(<\/span><span class=\"m\">1.05<\/span><span class=\"p\">);<\/span> <span class=\"c\">\/* Gentle scale on hover *\/<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"nt\">nav<\/span> <span class=\"nt\">ul<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">list-style<\/span><span class=\"p\">:<\/span> <span class=\"nb\">none<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">padding<\/span><span class=\"p\">:<\/span> <span class=\"m\">0<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">margin<\/span><span class=\"p\">:<\/span> <span class=\"m\">0<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">display<\/span><span class=\"p\">:<\/span> <span class=\"n\">flex<\/span><span class=\"p\">;<\/span>\n    <span class=\"py\">gap<\/span><span class=\"p\">:<\/span> <span class=\"m\">30px<\/span><span class=\"p\">;<\/span> <span class=\"c\">\/* Use gap for spacing between list items *\/<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"nt\">nav<\/span> <span class=\"nt\">ul<\/span> <span class=\"nt\">li<\/span> <span class=\"nt\">a<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">text-decoration<\/span><span class=\"p\">:<\/span> <span class=\"nb\">none<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">color<\/span><span class=\"p\">:<\/span> <span class=\"m\">#f0f0f0<\/span><span class=\"p\">;<\/span> <span class=\"c\">\/* Slightly brighter text color *\/<\/span>\n    <span class=\"nl\">position<\/span><span class=\"p\">:<\/span> <span class=\"nb\">relative<\/span><span class=\"p\">;<\/span> <span class=\"c\">\/* For the underline effect *\/<\/span>\n    <span class=\"nl\">padding-bottom<\/span><span class=\"p\">:<\/span> <span class=\"m\">4px<\/span><span class=\"p\">;<\/span> <span class=\"c\">\/* Space for the underline *\/<\/span>\n    <span class=\"nl\">transition<\/span><span class=\"p\">:<\/span> <span class=\"n\">color<\/span> <span class=\"m\">0.3s<\/span> <span class=\"n\">ease-in-out<\/span><span class=\"p\">,<\/span> <span class=\"n\">transform<\/span> <span class=\"m\">0.3s<\/span> <span class=\"n\">ease-in-out<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">overflow<\/span><span class=\"p\">:<\/span> <span class=\"nb\">hidden<\/span><span class=\"p\">;<\/span> <span class=\"c\">\/* Clip the pseudo-element *\/<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"nt\">nav<\/span> <span class=\"nt\">ul<\/span> <span class=\"nt\">li<\/span> <span class=\"nt\">a<\/span><span class=\"nd\">::before<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">content<\/span><span class=\"p\">:<\/span> <span class=\"s2\">''<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">position<\/span><span class=\"p\">:<\/span> <span class=\"nb\">absolute<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">bottom<\/span><span class=\"p\">:<\/span> <span class=\"m\">0<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">left<\/span><span class=\"p\">:<\/span> <span class=\"m\">0<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">width<\/span><span class=\"p\">:<\/span> <span class=\"m\">100%<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">height<\/span><span class=\"p\">:<\/span> <span class=\"m\">2px<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">background-color<\/span><span class=\"p\">:<\/span> <span class=\"m\">#7db4ff<\/span><span class=\"p\">;<\/span> <span class=\"c\">\/* Same as logo color for consistency *\/<\/span>\n    <span class=\"nl\">transform<\/span><span class=\"p\">:<\/span> <span class=\"n\">scaleX<\/span><span class=\"p\">(<\/span><span class=\"m\">0<\/span><span class=\"p\">);<\/span> <span class=\"c\">\/* Initially hidden *\/<\/span>\n    <span class=\"nl\">transform-origin<\/span><span class=\"p\">:<\/span> <span class=\"nb\">bottom<\/span> <span class=\"nb\">right<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">transition<\/span><span class=\"p\">:<\/span> <span class=\"n\">transform<\/span> <span class=\"m\">0.4s<\/span> <span class=\"n\">ease-out<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"nt\">nav<\/span> <span class=\"nt\">ul<\/span> <span class=\"nt\">li<\/span> <span class=\"nt\">a<\/span><span class=\"nd\">:hover<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">color<\/span><span class=\"p\">:<\/span> <span class=\"m\">#90caf9<\/span><span class=\"p\">;<\/span> <span class=\"c\">\/* Lighter hover color *\/<\/span>\n    <span class=\"nl\">transform<\/span><span class=\"p\">:<\/span> <span class=\"n\">translateY<\/span><span class=\"p\">(<\/span><span class=\"m\">-2px<\/span><span class=\"p\">);<\/span> <span class=\"c\">\/* Slight lift on hover *\/<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"nt\">nav<\/span> <span class=\"nt\">ul<\/span> <span class=\"nt\">li<\/span> <span class=\"nt\">a<\/span><span class=\"nd\">:hover::before<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">transform<\/span><span class=\"p\">:<\/span> <span class=\"n\">scaleX<\/span><span class=\"p\">(<\/span><span class=\"m\">1<\/span><span class=\"p\">);<\/span>\n    <span class=\"nl\">transform-origin<\/span><span class=\"p\">:<\/span> <span class=\"nb\">bottom<\/span> <span class=\"nb\">left<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"c\">\/* Optional: Add an active state highlight *\/<\/span>\n<span class=\"nt\">nav<\/span> <span class=\"nt\">ul<\/span> <span class=\"nt\">li<\/span> <span class=\"nt\">a<\/span><span class=\"nc\">.active<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">color<\/span><span class=\"p\">:<\/span> <span class=\"m\">#90caf9<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">font-weight<\/span><span class=\"p\">:<\/span> <span class=\"m\">600<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"nt\">nav<\/span> <span class=\"nt\">ul<\/span> <span class=\"nt\">li<\/span> <span class=\"nt\">a<\/span><span class=\"nc\">.active<\/span><span class=\"nd\">::before<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">transform<\/span><span class=\"p\">:<\/span> <span class=\"n\">scaleX<\/span><span class=\"p\">(<\/span><span class=\"m\">1<\/span><span class=\"p\">);<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"c\">\/* Enhancements for Mobile (consider using JavaScript for more advanced mobile menus) *\/<\/span>\n<span class=\"k\">@media<\/span> <span class=\"p\">(<\/span><span class=\"n\">max-width<\/span><span class=\"p\">:<\/span> <span class=\"m\">1024px<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nt\">header<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nl\">display<\/span><span class=\"p\">:<\/span> <span class=\"nb\">hidden<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n        <span class=\"nd\">:root<\/span> <span class=\"p\">{<\/span>\n    <span class=\"py\">--primary-bg<\/span><span class=\"p\">:<\/span> <span class=\"m\">#f9f9f9<\/span><span class=\"p\">;<\/span> <span class=\"c\">\/* Very light grey for a softer white *\/<\/span>\n    <span class=\"py\">--secondary-bg<\/span><span class=\"p\">:<\/span> <span class=\"m\">#ffffff<\/span><span class=\"p\">;<\/span> <span class=\"c\">\/* Pure white for content areas *\/<\/span>\n    <span class=\"py\">--text-primary<\/span><span class=\"p\">:<\/span> <span class=\"m\">#212121<\/span><span class=\"p\">;<\/span> <span class=\"c\">\/* Dark grey for primary text *\/<\/span>\n    <span class=\"py\">--text-secondary<\/span><span class=\"p\">:<\/span> <span class=\"m\">#757575<\/span><span class=\"p\">;<\/span> <span class=\"c\">\/* Medium grey for secondary text *\/<\/span>\n    <span class=\"py\">--accent-color<\/span><span class=\"p\">:<\/span> <span class=\"m\">#2962ff<\/span><span class=\"p\">;<\/span> <span class=\"c\">\/* A vibrant blue *\/<\/span>\n    <span class=\"py\">--hover-color<\/span><span class=\"p\">:<\/span> <span class=\"m\">#5393ff<\/span><span class=\"p\">;<\/span> <span class=\"c\">\/* Lighter blue for hover states *\/<\/span>\n    <span class=\"py\">--border-color<\/span><span class=\"p\">:<\/span> <span class=\"m\">#e0e0e0<\/span><span class=\"p\">;<\/span> <span class=\"c\">\/* Light grey for borders *\/<\/span>\n    <span class=\"py\">--code-bg<\/span><span class=\"p\">:<\/span> <span class=\"m\">#f0f0f0<\/span><span class=\"p\">;<\/span> <span class=\"c\">\/* Very light grey for code backgrounds *\/<\/span>\n    <span class=\"py\">--code-text<\/span><span class=\"p\">:<\/span> <span class=\"m\">#333333<\/span><span class=\"p\">;<\/span> <span class=\"c\">\/* Dark grey for code text *\/<\/span>\n    <span class=\"py\">--toc-active<\/span><span class=\"p\">:<\/span> <span class=\"m\">#2962ff<\/span><span class=\"p\">;<\/span>\n    <span class=\"py\">--shadow-sm<\/span><span class=\"p\">:<\/span> <span class=\"m\">0<\/span> <span class=\"m\">1px<\/span> <span class=\"m\">2px<\/span> <span class=\"n\">rgba<\/span><span class=\"p\">(<\/span><span class=\"m\">0<\/span><span class=\"p\">,<\/span> <span class=\"m\">0<\/span><span class=\"p\">,<\/span> <span class=\"m\">0<\/span><span class=\"p\">,<\/span> <span class=\"m\">0.05<\/span><span class=\"p\">);<\/span>\n    <span class=\"py\">--shadow-md<\/span><span class=\"p\">:<\/span> <span class=\"m\">0<\/span> <span class=\"m\">4px<\/span> <span class=\"m\">8px<\/span> <span class=\"n\">rgba<\/span><span class=\"p\">(<\/span><span class=\"m\">0<\/span><span class=\"p\">,<\/span> <span class=\"m\">0<\/span><span class=\"p\">,<\/span> <span class=\"m\">0<\/span><span class=\"p\">,<\/span> <span class=\"m\">0.1<\/span><span class=\"p\">);<\/span>\n    <span class=\"py\">--transition-fast<\/span><span class=\"p\">:<\/span> <span class=\"m\">0.15s<\/span> <span class=\"n\">ease-in-out<\/span><span class=\"p\">;<\/span>\n    <span class=\"py\">--transition-normal<\/span><span class=\"p\">:<\/span> <span class=\"m\">0.3s<\/span> <span class=\"n\">ease-in-out<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"nt\">body<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">font-family<\/span><span class=\"p\">:<\/span> <span class=\"s2\">'Roboto'<\/span><span class=\"p\">,<\/span> <span class=\"nb\">sans-serif<\/span><span class=\"p\">;<\/span> <span class=\"c\">\/* A clean and modern sans-serif font *\/<\/span>\n    <span class=\"nl\">line-height<\/span><span class=\"p\">:<\/span> <span class=\"m\">1.6<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">margin<\/span><span class=\"p\">:<\/span> <span class=\"m\">0<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">background-color<\/span><span class=\"p\">:<\/span> <span class=\"n\">var<\/span><span class=\"p\">(<\/span><span class=\"n\">--primary-bg<\/span><span class=\"p\">);<\/span>\n    <span class=\"nl\">color<\/span><span class=\"p\">:<\/span> <span class=\"n\">var<\/span><span class=\"p\">(<\/span><span class=\"n\">--text-primary<\/span><span class=\"p\">);<\/span>\n    <span class=\"nl\">padding-bottom<\/span><span class=\"p\">:<\/span> <span class=\"m\">40px<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">-webkit-font-smoothing<\/span><span class=\"p\">:<\/span> <span class=\"n\">antialiased<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">-moz-osx-font-smoothing<\/span><span class=\"p\">:<\/span> <span class=\"n\">grayscale<\/span><span class=\"p\">;<\/span>\n    <span class=\"py\">scroll-behavior<\/span><span class=\"p\">:<\/span> <span class=\"n\">smooth<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">overflow-x<\/span><span class=\"p\">:<\/span> <span class=\"nb\">hidden<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"c\">\/* Custom Scrollbar - Light theme version *\/<\/span>\n<span class=\"nd\">::-webkit-scrollbar<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">width<\/span><span class=\"p\">:<\/span> <span class=\"m\">8px<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"nd\">::-webkit-scrollbar-track<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">background<\/span><span class=\"p\">:<\/span> <span class=\"m\">#f1f1f1<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"nd\">::-webkit-scrollbar-thumb<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">background-color<\/span><span class=\"p\">:<\/span> <span class=\"m\">#bdbdbd<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">border-radius<\/span><span class=\"p\">:<\/span> <span class=\"m\">4px<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"nd\">::-webkit-scrollbar-thumb:hover<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">background-color<\/span><span class=\"p\">:<\/span> <span class=\"m\">#9e9e9e<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"nc\">.container<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">max-width<\/span><span class=\"p\">:<\/span> <span class=\"m\">1200px<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">margin<\/span><span class=\"p\">:<\/span> <span class=\"m\">50px<\/span> <span class=\"nb\">auto<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">padding<\/span><span class=\"p\">:<\/span> <span class=\"m\">60px<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">background-color<\/span><span class=\"p\">:<\/span> <span class=\"n\">var<\/span><span class=\"p\">(<\/span><span class=\"n\">--secondary-bg<\/span><span class=\"p\">);<\/span>\n    <span class=\"nl\">box-shadow<\/span><span class=\"p\">:<\/span> <span class=\"n\">var<\/span><span class=\"p\">(<\/span><span class=\"n\">--shadow-md<\/span><span class=\"p\">);<\/span>\n    <span class=\"nl\">border-radius<\/span><span class=\"p\">:<\/span> <span class=\"m\">8px<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">display<\/span><span class=\"p\">:<\/span> <span class=\"n\">grid<\/span><span class=\"p\">;<\/span>\n    <span class=\"py\">grid-template-columns<\/span><span class=\"p\">:<\/span> <span class=\"n\">minmax<\/span><span class=\"p\">(<\/span><span class=\"m\">250px<\/span><span class=\"p\">,<\/span> <span class=\"m\">300px<\/span><span class=\"p\">)<\/span> <span class=\"m\">1<\/span><span class=\"n\">fr<\/span><span class=\"p\">;<\/span>\n    <span class=\"py\">gap<\/span><span class=\"p\">:<\/span> <span class=\"m\">40px<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"nf\">#table-of-contents<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">padding<\/span><span class=\"p\">:<\/span> <span class=\"m\">30px<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">background-color<\/span><span class=\"p\">:<\/span> <span class=\"n\">var<\/span><span class=\"p\">(<\/span><span class=\"n\">--secondary-bg<\/span><span class=\"p\">);<\/span>\n    <span class=\"nl\">border-radius<\/span><span class=\"p\">:<\/span> <span class=\"m\">6px<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">position<\/span><span class=\"p\">:<\/span> <span class=\"n\">sticky<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">top<\/span><span class=\"p\">:<\/span> <span class=\"m\">30px<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">height<\/span><span class=\"p\">:<\/span> <span class=\"n\">fit-content<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">border<\/span><span class=\"p\">:<\/span> <span class=\"m\">1px<\/span> <span class=\"nb\">solid<\/span> <span class=\"n\">var<\/span><span class=\"p\">(<\/span><span class=\"n\">--border-color<\/span><span class=\"p\">);<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"c\">\/* Custom Scrollbar for Table of Contents *\/<\/span>\n<span class=\"nf\">#table-of-contents<\/span><span class=\"nd\">::-webkit-scrollbar<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">width<\/span><span class=\"p\">:<\/span> <span class=\"m\">6px<\/span><span class=\"p\">;<\/span> <span class=\"c\">\/* Thinner scrollbar *\/<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"nf\">#table-of-contents<\/span><span class=\"nd\">::-webkit-scrollbar-track<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">background<\/span><span class=\"p\">:<\/span> <span class=\"m\">#f1f1f1<\/span><span class=\"p\">;<\/span> <span class=\"c\">\/* Light background for the track *\/<\/span>\n    <span class=\"nl\">border-radius<\/span><span class=\"p\">:<\/span> <span class=\"m\">3px<\/span><span class=\"p\">;<\/span> <span class=\"c\">\/* Slightly rounded track *\/<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"nf\">#table-of-contents<\/span><span class=\"nd\">::-webkit-scrollbar-thumb<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">background-color<\/span><span class=\"p\">:<\/span> <span class=\"m\">#bdbdbd<\/span><span class=\"p\">;<\/span> <span class=\"c\">\/* Medium grey for the thumb *\/<\/span>\n    <span class=\"nl\">border-radius<\/span><span class=\"p\">:<\/span> <span class=\"m\">3px<\/span><span class=\"p\">;<\/span> <span class=\"c\">\/* Slightly rounded thumb *\/<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"nf\">#table-of-contents<\/span><span class=\"nd\">::-webkit-scrollbar-thumb:hover<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">background-color<\/span><span class=\"p\">:<\/span> <span class=\"m\">#9e9e9e<\/span><span class=\"p\">;<\/span> <span class=\"c\">\/* Darker grey on hover *\/<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"nf\">#table-of-contents<\/span> <span class=\"o\">&gt;<\/span> <span class=\"nt\">h2<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">font-size<\/span><span class=\"p\">:<\/span> <span class=\"m\">1.5rem<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">margin-top<\/span><span class=\"p\">:<\/span> <span class=\"m\">0<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">margin-bottom<\/span><span class=\"p\">:<\/span> <span class=\"m\">15px<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">color<\/span><span class=\"p\">:<\/span> <span class=\"n\">var<\/span><span class=\"p\">(<\/span><span class=\"n\">--text-primary<\/span><span class=\"p\">);<\/span>\n    <span class=\"nl\">border-bottom<\/span><span class=\"p\">:<\/span> <span class=\"m\">1px<\/span> <span class=\"nb\">solid<\/span> <span class=\"n\">var<\/span><span class=\"p\">(<\/span><span class=\"n\">--border-color<\/span><span class=\"p\">);<\/span>\n    <span class=\"nl\">padding-bottom<\/span><span class=\"p\">:<\/span> <span class=\"m\">8px<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">text-align<\/span><span class=\"p\">:<\/span> <span class=\"nb\">left<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"nf\">#table-of-contents<\/span> <span class=\"nt\">ul<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">list-style<\/span><span class=\"p\">:<\/span> <span class=\"nb\">none<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">padding<\/span><span class=\"p\">:<\/span> <span class=\"m\">0<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">margin<\/span><span class=\"p\">:<\/span> <span class=\"m\">0<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"nf\">#table-of-contents<\/span> <span class=\"nt\">li<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">margin-bottom<\/span><span class=\"p\">:<\/span> <span class=\"m\">10px<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">padding-left<\/span><span class=\"p\">:<\/span> <span class=\"m\">0<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">border-left<\/span><span class=\"p\">:<\/span> <span class=\"m\">3px<\/span> <span class=\"nb\">solid<\/span> <span class=\"nb\">transparent<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">transition<\/span><span class=\"p\">:<\/span> <span class=\"n\">border-left-color<\/span> <span class=\"n\">var<\/span><span class=\"p\">(<\/span><span class=\"n\">--transition-fast<\/span><span class=\"p\">),<\/span> <span class=\"n\">color<\/span> <span class=\"n\">var<\/span><span class=\"p\">(<\/span><span class=\"n\">--transition-fast<\/span><span class=\"p\">);<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"nf\">#table-of-contents<\/span> <span class=\"nt\">li<\/span><span class=\"nd\">:hover<\/span><span class=\"o\">,<\/span>\n<span class=\"nf\">#table-of-contents<\/span> <span class=\"nt\">li<\/span><span class=\"nc\">.active<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">border-left-color<\/span><span class=\"p\">:<\/span> <span class=\"n\">var<\/span><span class=\"p\">(<\/span><span class=\"n\">--toc-active<\/span><span class=\"p\">);<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"nf\">#table-of-contents<\/span> <span class=\"nt\">li<\/span><span class=\"nc\">.active<\/span> <span class=\"o\">&gt;<\/span> <span class=\"nt\">a<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">color<\/span><span class=\"p\">:<\/span> <span class=\"n\">var<\/span><span class=\"p\">(<\/span><span class=\"n\">--toc-active<\/span><span class=\"p\">);<\/span>\n    <span class=\"nl\">font-weight<\/span><span class=\"p\">:<\/span> <span class=\"m\">500<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"nf\">#table-of-contents<\/span> <span class=\"nt\">a<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">text-decoration<\/span><span class=\"p\">:<\/span> <span class=\"nb\">none<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">color<\/span><span class=\"p\">:<\/span> <span class=\"n\">var<\/span><span class=\"p\">(<\/span><span class=\"n\">--text-secondary<\/span><span class=\"p\">);<\/span>\n    <span class=\"nl\">display<\/span><span class=\"p\">:<\/span> <span class=\"nb\">block<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">padding<\/span><span class=\"p\">:<\/span> <span class=\"m\">6px<\/span> <span class=\"m\">0<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">transition<\/span><span class=\"p\">:<\/span> <span class=\"n\">color<\/span> <span class=\"n\">var<\/span><span class=\"p\">(<\/span><span class=\"n\">--transition-fast<\/span><span class=\"p\">);<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"nf\">#table-of-contents<\/span> <span class=\"nt\">a<\/span><span class=\"nd\">:hover<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">color<\/span><span class=\"p\">:<\/span> <span class=\"n\">var<\/span><span class=\"p\">(<\/span><span class=\"n\">--hover-color<\/span><span class=\"p\">);<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"nf\">#table-of-contents<\/span> <span class=\"nt\">ul<\/span> <span class=\"nt\">ul<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">margin-left<\/span><span class=\"p\">:<\/span> <span class=\"m\">15px<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">margin-top<\/span><span class=\"p\">:<\/span> <span class=\"m\">6px<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"c\">\/* Main content styles - Focus on readability *\/<\/span>\n<span class=\"nt\">main<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">padding<\/span><span class=\"p\">:<\/span> <span class=\"m\">40px<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">border-radius<\/span><span class=\"p\">:<\/span> <span class=\"m\">6px<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">overflow<\/span><span class=\"p\">:<\/span> <span class=\"nb\">hidden<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">background-color<\/span><span class=\"p\">:<\/span> <span class=\"n\">var<\/span><span class=\"p\">(<\/span><span class=\"n\">--secondary-bg<\/span><span class=\"p\">);<\/span>\n    <span class=\"nl\">box-shadow<\/span><span class=\"p\">:<\/span> <span class=\"n\">var<\/span><span class=\"p\">(<\/span><span class=\"n\">--shadow-sm<\/span><span class=\"p\">);<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"nt\">main<\/span> <span class=\"o\">&gt;<\/span> <span class=\"o\">*<\/span><span class=\"nd\">:not<\/span><span class=\"o\">(<\/span><span class=\"nd\">:last-child<\/span><span class=\"o\">)<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">margin-bottom<\/span><span class=\"p\">:<\/span> <span class=\"m\">2em<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"nt\">h1<\/span><span class=\"o\">,<\/span> <span class=\"nt\">h2<\/span><span class=\"o\">,<\/span> <span class=\"nt\">h3<\/span><span class=\"o\">,<\/span> <span class=\"nt\">h4<\/span><span class=\"o\">,<\/span> <span class=\"nt\">h5<\/span><span class=\"o\">,<\/span> <span class=\"nt\">h6<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">font-weight<\/span><span class=\"p\">:<\/span> <span class=\"m\">700<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">color<\/span><span class=\"p\">:<\/span> <span class=\"n\">var<\/span><span class=\"p\">(<\/span><span class=\"n\">--text-primary<\/span><span class=\"p\">);<\/span>\n    <span class=\"nl\">letter-spacing<\/span><span class=\"p\">:<\/span> <span class=\"m\">-0.01em<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"nt\">h1<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">font-size<\/span><span class=\"p\">:<\/span> <span class=\"m\">2.5rem<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">border-bottom<\/span><span class=\"p\">:<\/span> <span class=\"m\">2px<\/span> <span class=\"nb\">solid<\/span> <span class=\"n\">var<\/span><span class=\"p\">(<\/span><span class=\"n\">--accent-color<\/span><span class=\"p\">);<\/span>\n    <span class=\"nl\">padding-bottom<\/span><span class=\"p\">:<\/span> <span class=\"m\">0.4em<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">margin-bottom<\/span><span class=\"p\">:<\/span> <span class=\"m\">1em<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"nt\">h2<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">font-size<\/span><span class=\"p\">:<\/span> <span class=\"m\">24px<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">border-bottom<\/span><span class=\"p\">:<\/span> <span class=\"m\">1px<\/span> <span class=\"nb\">solid<\/span> <span class=\"n\">var<\/span><span class=\"p\">(<\/span><span class=\"n\">--accent-color<\/span><span class=\"p\">);<\/span>\n    <span class=\"nl\">padding-bottom<\/span><span class=\"p\">:<\/span> <span class=\"m\">0.3em<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">margin-bottom<\/span><span class=\"p\">:<\/span> <span class=\"m\">0.9em<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">color<\/span><span class=\"p\">:<\/span> <span class=\"n\">var<\/span><span class=\"p\">(<\/span><span class=\"n\">--accent-color<\/span><span class=\"p\">);<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"nt\">h3<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">font-size<\/span><span class=\"p\">:<\/span> <span class=\"m\">1.6rem<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">margin-bottom<\/span><span class=\"p\">:<\/span> <span class=\"m\">0.7em<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"nt\">h4<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">font-size<\/span><span class=\"p\">:<\/span> <span class=\"m\">1.4rem<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">margin-bottom<\/span><span class=\"p\">:<\/span> <span class=\"m\">0.6em<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"nt\">p<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">margin-bottom<\/span><span class=\"p\">:<\/span> <span class=\"m\">1.5em<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">color<\/span><span class=\"p\">:<\/span> <span class=\"n\">var<\/span><span class=\"p\">(<\/span><span class=\"n\">--text-secondary<\/span><span class=\"p\">);<\/span>\n    <span class=\"nl\">orphans<\/span><span class=\"p\">:<\/span> <span class=\"m\">3<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">widows<\/span><span class=\"p\">:<\/span> <span class=\"m\">3<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">word-break<\/span><span class=\"p\">:<\/span> <span class=\"n\">break-word<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"nt\">ul<\/span><span class=\"o\">,<\/span> <span class=\"nt\">ol<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">margin-left<\/span><span class=\"p\">:<\/span> <span class=\"m\">25px<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">margin-bottom<\/span><span class=\"p\">:<\/span> <span class=\"m\">1.7em<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"nt\">li<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">margin-bottom<\/span><span class=\"p\">:<\/span> <span class=\"m\">0.7em<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">color<\/span><span class=\"p\">:<\/span> <span class=\"n\">var<\/span><span class=\"p\">(<\/span><span class=\"n\">--text-secondary<\/span><span class=\"p\">);<\/span>\n    <span class=\"nl\">line-height<\/span><span class=\"p\">:<\/span> <span class=\"m\">1.5<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">word-break<\/span><span class=\"p\">:<\/span> <span class=\"n\">break-word<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"nt\">strong<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">font-weight<\/span><span class=\"p\">:<\/span> <span class=\"m\">600<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">color<\/span><span class=\"p\">:<\/span> <span class=\"n\">var<\/span><span class=\"p\">(<\/span><span class=\"n\">--text-primary<\/span><span class=\"p\">);<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"nt\">em<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">font-style<\/span><span class=\"p\">:<\/span> <span class=\"nb\">italic<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">color<\/span><span class=\"p\">:<\/span> <span class=\"n\">var<\/span><span class=\"p\">(<\/span><span class=\"n\">--accent-color<\/span><span class=\"p\">);<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"nt\">a<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">color<\/span><span class=\"p\">:<\/span> <span class=\"n\">var<\/span><span class=\"p\">(<\/span><span class=\"n\">--accent-color<\/span><span class=\"p\">);<\/span>\n    <span class=\"nl\">text-decoration<\/span><span class=\"p\">:<\/span> <span class=\"nb\">none<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">transition<\/span><span class=\"p\">:<\/span> <span class=\"n\">color<\/span> <span class=\"n\">var<\/span><span class=\"p\">(<\/span><span class=\"n\">--transition-fast<\/span><span class=\"p\">);<\/span>\n    <span class=\"nl\">border-bottom<\/span><span class=\"p\">:<\/span> <span class=\"m\">1px<\/span> <span class=\"nb\">solid<\/span> <span class=\"nb\">transparent<\/span><span class=\"p\">;<\/span> <span class=\"c\">\/* Subtle underline on hover *\/<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"nt\">a<\/span><span class=\"nd\">:hover<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">color<\/span><span class=\"p\">:<\/span> <span class=\"n\">var<\/span><span class=\"p\">(<\/span><span class=\"n\">--hover-color<\/span><span class=\"p\">);<\/span>\n    <span class=\"nl\">border-bottom-color<\/span><span class=\"p\">:<\/span> <span class=\"n\">var<\/span><span class=\"p\">(<\/span><span class=\"n\">--hover-color<\/span><span class=\"p\">);<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"nt\">table<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">width<\/span><span class=\"p\">:<\/span> <span class=\"m\">100%<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">border-collapse<\/span><span class=\"p\">:<\/span> <span class=\"nb\">collapse<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">margin-bottom<\/span><span class=\"p\">:<\/span> <span class=\"m\">2em<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">border<\/span><span class=\"p\">:<\/span> <span class=\"m\">1px<\/span> <span class=\"nb\">solid<\/span> <span class=\"n\">var<\/span><span class=\"p\">(<\/span><span class=\"n\">--border-color<\/span><span class=\"p\">);<\/span>\n    <span class=\"nl\">border-radius<\/span><span class=\"p\">:<\/span> <span class=\"m\">4px<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">background-color<\/span><span class=\"p\">:<\/span> <span class=\"n\">var<\/span><span class=\"p\">(<\/span><span class=\"n\">--secondary-bg<\/span><span class=\"p\">);<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"nt\">th<\/span><span class=\"o\">,<\/span> <span class=\"nt\">td<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">padding<\/span><span class=\"p\">:<\/span> <span class=\"m\">12px<\/span> <span class=\"m\">15px<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">text-align<\/span><span class=\"p\">:<\/span> <span class=\"nb\">left<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">border-bottom<\/span><span class=\"p\">:<\/span> <span class=\"m\">1px<\/span> <span class=\"nb\">solid<\/span> <span class=\"n\">var<\/span><span class=\"p\">(<\/span><span class=\"n\">--border-color<\/span><span class=\"p\">);<\/span>\n    <span class=\"nl\">word-break<\/span><span class=\"p\">:<\/span> <span class=\"n\">break-word<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"nt\">th<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">background-color<\/span><span class=\"p\">:<\/span> <span class=\"m\">#f5f5f5<\/span><span class=\"p\">;<\/span> <span class=\"c\">\/* Lighter header background *\/<\/span>\n    <span class=\"nl\">font-weight<\/span><span class=\"p\">:<\/span> <span class=\"m\">600<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">color<\/span><span class=\"p\">:<\/span> <span class=\"n\">var<\/span><span class=\"p\">(<\/span><span class=\"n\">--text-primary<\/span><span class=\"p\">);<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"nt\">tbody<\/span> <span class=\"nt\">tr<\/span><span class=\"nd\">:nth-child<\/span><span class=\"o\">(<\/span><span class=\"nt\">even<\/span><span class=\"o\">)<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">background-color<\/span><span class=\"p\">:<\/span> <span class=\"m\">#fafafa<\/span><span class=\"p\">;<\/span> <span class=\"c\">\/* Very light grey for even rows *\/<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"c\">\/* Code blocks - Light theme styling *\/<\/span>\n<span class=\"nt\">pre<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">background-color<\/span><span class=\"p\">:<\/span> <span class=\"n\">var<\/span><span class=\"p\">(<\/span><span class=\"n\">--code-bg<\/span><span class=\"p\">);<\/span>\n    <span class=\"nl\">color<\/span><span class=\"p\">:<\/span> <span class=\"n\">var<\/span><span class=\"p\">(<\/span><span class=\"n\">--code-text<\/span><span class=\"p\">);<\/span>\n    <span class=\"nl\">padding<\/span><span class=\"p\">:<\/span> <span class=\"m\">12px<\/span> <span class=\"m\">18px<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">border-radius<\/span><span class=\"p\">:<\/span> <span class=\"m\">4px<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">overflow-x<\/span><span class=\"p\">:<\/span> <span class=\"nb\">auto<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">font-family<\/span><span class=\"p\">:<\/span> <span class=\"s2\">'Menlo'<\/span><span class=\"p\">,<\/span> <span class=\"nb\">monospace<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">font-size<\/span><span class=\"p\">:<\/span> <span class=\"m\">0.9rem<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">line-height<\/span><span class=\"p\">:<\/span> <span class=\"m\">1.5<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">margin-bottom<\/span><span class=\"p\">:<\/span> <span class=\"m\">1.6em<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">white-space<\/span><span class=\"p\">:<\/span> <span class=\"n\">pre-wrap<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">border<\/span><span class=\"p\">:<\/span> <span class=\"m\">1px<\/span> <span class=\"nb\">solid<\/span> <span class=\"n\">var<\/span><span class=\"p\">(<\/span><span class=\"n\">--border-color<\/span><span class=\"p\">);<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"nt\">code<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">font-family<\/span><span class=\"p\">:<\/span> <span class=\"s2\">'Menlo'<\/span><span class=\"p\">,<\/span> <span class=\"nb\">monospace<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">background-color<\/span><span class=\"p\">:<\/span> <span class=\"m\">#e8e8e8<\/span><span class=\"p\">;<\/span> <span class=\"c\">\/* Even lighter background for inline code *\/<\/span>\n    <span class=\"nl\">color<\/span><span class=\"p\">:<\/span> <span class=\"n\">var<\/span><span class=\"p\">(<\/span><span class=\"n\">--code-text<\/span><span class=\"p\">);<\/span>\n    <span class=\"nl\">padding<\/span><span class=\"p\">:<\/span> <span class=\"m\">3px<\/span> <span class=\"m\">6px<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">border-radius<\/span><span class=\"p\">:<\/span> <span class=\"m\">3px<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">word-break<\/span><span class=\"p\">:<\/span> <span class=\"n\">break-word<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"nt\">pre<\/span> <span class=\"nt\">code<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">background-color<\/span><span class=\"p\">:<\/span> <span class=\"nb\">transparent<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">padding<\/span><span class=\"p\">:<\/span> <span class=\"m\">0<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"c\">\/* Horizontal rules - Simpler style *\/<\/span>\n<span class=\"nt\">hr<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">border<\/span><span class=\"p\">:<\/span> <span class=\"nb\">none<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">height<\/span><span class=\"p\">:<\/span> <span class=\"m\">1px<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">background-color<\/span><span class=\"p\">:<\/span> <span class=\"n\">var<\/span><span class=\"p\">(<\/span><span class=\"n\">--border-color<\/span><span class=\"p\">);<\/span>\n    <span class=\"nl\">margin<\/span><span class=\"p\">:<\/span> <span class=\"m\">2em<\/span> <span class=\"m\">0<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"c\">\/* Blockquotes - Clean separation *\/<\/span>\n<span class=\"nt\">blockquote<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">border-left<\/span><span class=\"p\">:<\/span> <span class=\"m\">3px<\/span> <span class=\"nb\">solid<\/span> <span class=\"n\">var<\/span><span class=\"p\">(<\/span><span class=\"n\">--accent-color<\/span><span class=\"p\">);<\/span>\n    <span class=\"nl\">padding<\/span><span class=\"p\">:<\/span> <span class=\"m\">10px<\/span> <span class=\"m\">15px<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">margin<\/span><span class=\"p\">:<\/span> <span class=\"m\">1.5em<\/span> <span class=\"m\">0<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">font-style<\/span><span class=\"p\">:<\/span> <span class=\"nb\">italic<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">background-color<\/span><span class=\"p\">:<\/span> <span class=\"m\">#f5f5f5<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">border-radius<\/span><span class=\"p\">:<\/span> <span class=\"m\">3px<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">color<\/span><span class=\"p\">:<\/span> <span class=\"n\">var<\/span><span class=\"p\">(<\/span><span class=\"n\">--text-secondary<\/span><span class=\"p\">);<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"nt\">blockquote<\/span> <span class=\"nt\">p<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">margin-bottom<\/span><span class=\"p\">:<\/span> <span class=\"m\">0<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"c\">\/* Responsive adjustments *\/<\/span>\n<span class=\"k\">@media<\/span> <span class=\"p\">(<\/span><span class=\"n\">max-width<\/span><span class=\"p\">:<\/span> <span class=\"m\">1024px<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nc\">.container<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nl\">max-width<\/span><span class=\"p\">:<\/span> <span class=\"m\">90%<\/span><span class=\"p\">;<\/span>\n        <span class=\"nl\">padding<\/span><span class=\"p\">:<\/span> <span class=\"m\">50px<\/span><span class=\"p\">;<\/span>\n        <span class=\"py\">grid-template-columns<\/span><span class=\"p\">:<\/span> <span class=\"m\">1<\/span><span class=\"n\">fr<\/span><span class=\"p\">;<\/span>\n        <span class=\"py\">gap<\/span><span class=\"p\">:<\/span> <span class=\"m\">30px<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"nf\">#table-of-contents<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nl\">position<\/span><span class=\"p\">:<\/span> <span class=\"nb\">static<\/span><span class=\"p\">;<\/span>\n        <span class=\"nl\">margin-bottom<\/span><span class=\"p\">:<\/span> <span class=\"m\">30px<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"nf\">#table-of-contents<\/span> <span class=\"o\">&gt;<\/span> <span class=\"nt\">h2<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nl\">text-align<\/span><span class=\"p\">:<\/span> <span class=\"nb\">center<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"k\">@media<\/span> <span class=\"p\">(<\/span><span class=\"n\">max-width<\/span><span class=\"p\">:<\/span> <span class=\"m\">768px<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nt\">main<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nl\">padding<\/span><span class=\"p\">:<\/span> <span class=\"m\">30px<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"nt\">h1<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nl\">font-size<\/span><span class=\"p\">:<\/span> <span class=\"m\">2.2rem<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"nt\">h2<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nl\">font-size<\/span><span class=\"p\">:<\/span> <span class=\"m\">22px<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n    <span class=\"nt\">nav<\/span><span class=\"p\">{<\/span>\n        <span class=\"nl\">display<\/span><span class=\"p\">:<\/span><span class=\"nb\">none<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"k\">@media<\/span> <span class=\"p\">(<\/span><span class=\"n\">max-width<\/span><span class=\"p\">:<\/span> <span class=\"m\">480px<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nc\">.container<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nl\">padding<\/span><span class=\"p\">:<\/span> <span class=\"m\">30px<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"nt\">h1<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nl\">font-size<\/span><span class=\"p\">:<\/span> <span class=\"m\">2rem<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"nt\">h2<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nl\">font-size<\/span><span class=\"p\">:<\/span> <span class=\"m\">20px<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n    <span class=\"o\"\/><span class=\"nt\">style<\/span><span class=\"o\">&gt;<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0627\u06cc\u0646 \u0641\u0642\u0637 \u06cc\u06a9 \u0627\u0633\u062a\u0627\u06cc\u0644 \u0627\u0648\u0644\u06cc\u0647 \u0627\u0633\u062a\u060c \u0628\u0627 \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a\u06cc \u062f\u0631 \u0647\u062f\u0631\u060c \u0648 \u0645\u062d\u062a\u0648\u0627\u06cc \u0627\u0635\u0644\u06cc\u060c \u0628\u0631\u0627\u06cc \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0627\u0632 \u062e\u0648\u0627\u0646\u0627\u06cc\u06cc \u0639\u0646\u0627\u0635\u0631\u060c \u0646\u0647 \u0632\u06cc\u0627\u062f \u062d\u0648\u0627\u0633 \u067e\u0631\u062a\u06cc \u0648 \u0633\u0627\u0632\u06af\u0627\u0631\u06cc \u062f\u0631 \u0633\u0631\u062a\u0627\u0633\u0631 \u0648\u0628 \u0633\u0627\u06cc\u062a.<br \/>\u0645\u0646 \u0647\u0645\u0686\u0646\u06cc\u0646 CSS \u0631\u0627 \u0628\u0631\u0627\u06cc \u062c\u062f\u0648\u0644\u060c \u0628\u0644\u0648\u06a9\u200c\u0647\u0627 \u0648 \u0628\u0644\u0648\u06a9\u200c\u0647\u0627\u06cc \u06a9\u062f \u0627\u0636\u0627\u0641\u0647 \u06a9\u0631\u062f\u0647\u200c\u0627\u0645 \u062a\u0627 \u062e\u0648\u0627\u0646\u0627\u06cc\u06cc \u0631\u0627 \u0628\u0647\u0628\u0648\u062f \u0628\u062e\u0634\u0645.<\/p>\n<p>\u0645\u0646 \u0647\u0645\u0686\u0646\u06cc\u0646 \u0645\u06cc \u062e\u0648\u0627\u0633\u062a\u0645 \u06cc\u06a9 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u0645 \u062a\u0627 \u0641\u0647\u0631\u0633\u062a \u0645\u0637\u0627\u0644\u0628 \u0633\u0645\u062a \u0686\u067e \u062a\u0639\u0627\u0645\u0644\u06cc \u0628\u0627\u0634\u062f. \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646\u060c \u0645\u0646 \u0627\u06cc\u0646 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0631\u0627 \u0628\u0647 \u067e\u0627\u06cc\u06cc\u0646 \u062a\u06af \u0628\u062f\u0646\u0647 \u0627\u0636\u0627\u0641\u0647 \u06a9\u0631\u062f\u0645:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight html\"><code><span class=\"nt\"><script\/><\/span>\n        <span class=\"c1\">\/\/ script.js<\/span>\n<span class=\"nb\">document<\/span><span class=\"p\">.<\/span><span class=\"nf\">addEventListener<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">DOMContentLoaded<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"p\">()<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"p\">{<\/span>\n    <span class=\"kd\">const<\/span> <span class=\"nx\">mainContent<\/span> <span class=\"o\">=<\/span> <span class=\"nb\">document<\/span><span class=\"p\">.<\/span><span class=\"nf\">querySelector<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">main<\/span><span class=\"dl\">'<\/span><span class=\"p\">);<\/span>\n    <span class=\"kd\">const<\/span> <span class=\"nx\">tableOfContents<\/span> <span class=\"o\">=<\/span> <span class=\"nb\">document<\/span><span class=\"p\">.<\/span><span class=\"nf\">getElementById<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">table-of-contents<\/span><span class=\"dl\">'<\/span><span class=\"p\">);<\/span>\n\n    <span class=\"k\">if <\/span><span class=\"p\">(<\/span><span class=\"o\">!<\/span><span class=\"nx\">mainContent<\/span> <span class=\"o\">||<\/span> <span class=\"o\">!<\/span><span class=\"nx\">tableOfContents<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">error<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">Main content or table of contents element not found.<\/span><span class=\"dl\">'<\/span><span class=\"p\">);<\/span>\n        <span class=\"k\">return<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"kd\">const<\/span> <span class=\"nx\">headings<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">mainContent<\/span><span class=\"p\">.<\/span><span class=\"nf\">querySelectorAll<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">h2, h3, h4<\/span><span class=\"dl\">'<\/span><span class=\"p\">);<\/span>\n    <span class=\"kd\">const<\/span> <span class=\"nx\">tocList<\/span> <span class=\"o\">=<\/span> <span class=\"nb\">document<\/span><span class=\"p\">.<\/span><span class=\"nf\">createElement<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">ul<\/span><span class=\"dl\">'<\/span><span class=\"p\">);<\/span>\n\n    <span class=\"kd\">let<\/span> <span class=\"nx\">currentList<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">tocList<\/span><span class=\"p\">;<\/span>\n    <span class=\"kd\">const<\/span> <span class=\"nx\">stack<\/span> <span class=\"o\">=<\/span> <span class=\"p\">[<\/span><span class=\"nx\">currentList<\/span><span class=\"p\">];<\/span>\n\n    <span class=\"nx\">headings<\/span><span class=\"p\">.<\/span><span class=\"nf\">forEach<\/span><span class=\"p\">(<\/span><span class=\"nx\">heading<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"p\">{<\/span>\n        <span class=\"kd\">const<\/span> <span class=\"nx\">tagName<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">heading<\/span><span class=\"p\">.<\/span><span class=\"nx\">tagName<\/span><span class=\"p\">;<\/span>\n        <span class=\"kd\">const<\/span> <span class=\"nx\">id<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">heading<\/span><span class=\"p\">.<\/span><span class=\"nx\">id<\/span><span class=\"p\">;<\/span>\n        <span class=\"kd\">const<\/span> <span class=\"nx\">text<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">heading<\/span><span class=\"p\">.<\/span><span class=\"nx\">textContent<\/span><span class=\"p\">;<\/span>\n\n        <span class=\"k\">if <\/span><span class=\"p\">(<\/span><span class=\"nx\">id<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n            <span class=\"kd\">const<\/span> <span class=\"nx\">listItem<\/span> <span class=\"o\">=<\/span> <span class=\"nb\">document<\/span><span class=\"p\">.<\/span><span class=\"nf\">createElement<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">li<\/span><span class=\"dl\">'<\/span><span class=\"p\">);<\/span>\n            <span class=\"kd\">const<\/span> <span class=\"nx\">link<\/span> <span class=\"o\">=<\/span> <span class=\"nb\">document<\/span><span class=\"p\">.<\/span><span class=\"nf\">createElement<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">a<\/span><span class=\"dl\">'<\/span><span class=\"p\">);<\/span>\n            <span class=\"nx\">link<\/span><span class=\"p\">.<\/span><span class=\"nx\">href<\/span> <span class=\"o\">=<\/span> <span class=\"s2\">`#<\/span><span class=\"p\">${<\/span><span class=\"nx\">id<\/span><span class=\"p\">}<\/span><span class=\"s2\">`<\/span><span class=\"p\">;<\/span>\n            <span class=\"nx\">link<\/span><span class=\"p\">.<\/span><span class=\"nx\">textContent<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">text<\/span><span class=\"p\">;<\/span>\n            <span class=\"nx\">listItem<\/span><span class=\"p\">.<\/span><span class=\"nf\">appendChild<\/span><span class=\"p\">(<\/span><span class=\"nx\">link<\/span><span class=\"p\">);<\/span>\n\n            <span class=\"k\">if <\/span><span class=\"p\">(<\/span><span class=\"nx\">tagName<\/span> <span class=\"o\">===<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">H2<\/span><span class=\"dl\">'<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n                <span class=\"k\">while <\/span><span class=\"p\">(<\/span><span class=\"nx\">stack<\/span><span class=\"p\">.<\/span><span class=\"nx\">length<\/span> <span class=\"o\">&gt;<\/span> <span class=\"mi\">1<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n                    <span class=\"nx\">stack<\/span><span class=\"p\">.<\/span><span class=\"nf\">pop<\/span><span class=\"p\">();<\/span>\n                <span class=\"p\">}<\/span>\n                <span class=\"nx\">currentList<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">stack<\/span><span class=\"p\">[<\/span><span class=\"nx\">stack<\/span><span class=\"p\">.<\/span><span class=\"nx\">length<\/span> <span class=\"o\">-<\/span> <span class=\"mi\">1<\/span><span class=\"p\">];<\/span>\n                <span class=\"nx\">currentList<\/span><span class=\"p\">.<\/span><span class=\"nf\">appendChild<\/span><span class=\"p\">(<\/span><span class=\"nx\">listItem<\/span><span class=\"p\">);<\/span>\n                <span class=\"nx\">stack<\/span><span class=\"p\">.<\/span><span class=\"nf\">push<\/span><span class=\"p\">(<\/span><span class=\"nb\">document<\/span><span class=\"p\">.<\/span><span class=\"nf\">createElement<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">ul<\/span><span class=\"dl\">'<\/span><span class=\"p\">));<\/span>\n                <span class=\"nx\">currentList<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">stack<\/span><span class=\"p\">[<\/span><span class=\"nx\">stack<\/span><span class=\"p\">.<\/span><span class=\"nx\">length<\/span> <span class=\"o\">-<\/span> <span class=\"mi\">1<\/span><span class=\"p\">];<\/span>\n                <span class=\"nx\">listItem<\/span><span class=\"p\">.<\/span><span class=\"nf\">appendChild<\/span><span class=\"p\">(<\/span><span class=\"nx\">currentList<\/span><span class=\"p\">);<\/span>\n            <span class=\"p\">}<\/span> <span class=\"k\">else<\/span> <span class=\"k\">if <\/span><span class=\"p\">(<\/span><span class=\"nx\">tagName<\/span> <span class=\"o\">===<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">H3<\/span><span class=\"dl\">'<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n                <span class=\"k\">while <\/span><span class=\"p\">(<\/span><span class=\"nx\">stack<\/span><span class=\"p\">.<\/span><span class=\"nx\">length<\/span> <span class=\"o\">&gt;<\/span> <span class=\"mi\">2<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n                    <span class=\"nx\">stack<\/span><span class=\"p\">.<\/span><span class=\"nf\">pop<\/span><span class=\"p\">();<\/span>\n                <span class=\"p\">}<\/span>\n                <span class=\"nx\">currentList<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">stack<\/span><span class=\"p\">[<\/span><span class=\"nx\">stack<\/span><span class=\"p\">.<\/span><span class=\"nx\">length<\/span> <span class=\"o\">-<\/span> <span class=\"mi\">1<\/span><span class=\"p\">];<\/span>\n                <span class=\"nx\">currentList<\/span><span class=\"p\">.<\/span><span class=\"nf\">appendChild<\/span><span class=\"p\">(<\/span><span class=\"nx\">listItem<\/span><span class=\"p\">);<\/span>\n                <span class=\"nx\">stack<\/span><span class=\"p\">.<\/span><span class=\"nf\">push<\/span><span class=\"p\">(<\/span><span class=\"nb\">document<\/span><span class=\"p\">.<\/span><span class=\"nf\">createElement<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">ul<\/span><span class=\"dl\">'<\/span><span class=\"p\">));<\/span>\n                <span class=\"nx\">currentList<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">stack<\/span><span class=\"p\">[<\/span><span class=\"nx\">stack<\/span><span class=\"p\">.<\/span><span class=\"nx\">length<\/span> <span class=\"o\">-<\/span> <span class=\"mi\">1<\/span><span class=\"p\">];<\/span>\n                <span class=\"nx\">listItem<\/span><span class=\"p\">.<\/span><span class=\"nf\">appendChild<\/span><span class=\"p\">(<\/span><span class=\"nx\">currentList<\/span><span class=\"p\">);<\/span>\n            <span class=\"p\">}<\/span> <span class=\"k\">else<\/span> <span class=\"k\">if <\/span><span class=\"p\">(<\/span><span class=\"nx\">tagName<\/span> <span class=\"o\">===<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">H4<\/span><span class=\"dl\">'<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n                <span class=\"k\">while <\/span><span class=\"p\">(<\/span><span class=\"nx\">stack<\/span><span class=\"p\">.<\/span><span class=\"nx\">length<\/span> <span class=\"o\">&gt;<\/span> <span class=\"mi\">3<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n                    <span class=\"nx\">stack<\/span><span class=\"p\">.<\/span><span class=\"nf\">pop<\/span><span class=\"p\">();<\/span>\n                <span class=\"p\">}<\/span>\n                <span class=\"nx\">currentList<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">stack<\/span><span class=\"p\">[<\/span><span class=\"nx\">stack<\/span><span class=\"p\">.<\/span><span class=\"nx\">length<\/span> <span class=\"o\">-<\/span> <span class=\"mi\">1<\/span><span class=\"p\">];<\/span>\n                <span class=\"nx\">currentList<\/span><span class=\"p\">.<\/span><span class=\"nf\">appendChild<\/span><span class=\"p\">(<\/span><span class=\"nx\">listItem<\/span><span class=\"p\">);<\/span>\n            <span class=\"p\">}<\/span>\n        <span class=\"p\">}<\/span>\n    <span class=\"p\">});<\/span>\n\n    <span class=\"c1\">\/\/ Remove any empty ul elements that might have been created<\/span>\n    <span class=\"kd\">function<\/span> <span class=\"nf\">removeEmptyLists<\/span><span class=\"p\">(<\/span><span class=\"nx\">list<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nb\">Array<\/span><span class=\"p\">.<\/span><span class=\"k\">from<\/span><span class=\"p\">(<\/span><span class=\"nx\">list<\/span><span class=\"p\">.<\/span><span class=\"nx\">children<\/span><span class=\"p\">).<\/span><span class=\"nf\">forEach<\/span><span class=\"p\">(<\/span><span class=\"nx\">item<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"p\">{<\/span>\n            <span class=\"k\">if <\/span><span class=\"p\">(<\/span><span class=\"nx\">item<\/span><span class=\"p\">.<\/span><span class=\"nx\">tagName<\/span> <span class=\"o\">===<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">UL<\/span><span class=\"dl\">'<\/span> <span class=\"o\">&amp;&amp;<\/span> <span class=\"nx\">item<\/span><span class=\"p\">.<\/span><span class=\"nx\">children<\/span><span class=\"p\">.<\/span><span class=\"nx\">length<\/span> <span class=\"o\">===<\/span> <span class=\"mi\">0<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n                <span class=\"nx\">item<\/span><span class=\"p\">.<\/span><span class=\"nf\">remove<\/span><span class=\"p\">();<\/span>\n            <span class=\"p\">}<\/span> <span class=\"k\">else<\/span> <span class=\"k\">if <\/span><span class=\"p\">(<\/span><span class=\"nx\">item<\/span><span class=\"p\">.<\/span><span class=\"nx\">tagName<\/span> <span class=\"o\">===<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">LI<\/span><span class=\"dl\">'<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n                <span class=\"kd\">const<\/span> <span class=\"nx\">childUl<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">item<\/span><span class=\"p\">.<\/span><span class=\"nf\">querySelector<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">ul<\/span><span class=\"dl\">'<\/span><span class=\"p\">);<\/span>\n                <span class=\"k\">if <\/span><span class=\"p\">(<\/span><span class=\"nx\">childUl<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n                    <span class=\"nf\">removeEmptyLists<\/span><span class=\"p\">(<\/span><span class=\"nx\">childUl<\/span><span class=\"p\">);<\/span>\n                <span class=\"p\">}<\/span>\n            <span class=\"p\">}<\/span>\n        <span class=\"p\">});<\/span>\n    <span class=\"p\">}<\/span>\n    <span class=\"nf\">removeEmptyLists<\/span><span class=\"p\">(<\/span><span class=\"nx\">tocList<\/span><span class=\"p\">);<\/span>\n\n    <span class=\"kd\">const<\/span> <span class=\"nx\">tocTitle<\/span> <span class=\"o\">=<\/span> <span class=\"nb\">document<\/span><span class=\"p\">.<\/span><span class=\"nf\">createElement<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">h2<\/span><span class=\"dl\">'<\/span><span class=\"p\">);<\/span>\n    <span class=\"nx\">tocTitle<\/span><span class=\"p\">.<\/span><span class=\"nx\">textContent<\/span> <span class=\"o\">=<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Table of Contents<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n    <span class=\"nx\">tableOfContents<\/span><span class=\"p\">.<\/span><span class=\"nf\">appendChild<\/span><span class=\"p\">(<\/span><span class=\"nx\">tocTitle<\/span><span class=\"p\">);<\/span>\n    <span class=\"nx\">tableOfContents<\/span><span class=\"p\">.<\/span><span class=\"nf\">appendChild<\/span><span class=\"p\">(<\/span><span class=\"nx\">tocList<\/span><span class=\"p\">);<\/span>\n<span class=\"p\">});<\/span>\n    <span class=\"nt\"\/>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>Enter fullscreen mode<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg>\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>Exit fullscreen mode<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg>\n<\/div>\n<\/div>\n<\/div>\nThis script automatically generates a nested table of contents from the headings in the <code>main<\/code> element, which works seamlessly. The script automatically populates the <code>table-of-contents<\/code> aside tag, which I created earlier. \nFinally, I added support for LaTeX formulas and equations by adding these script and link tags inside the head tag.\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight html\"><code>        <span class=\"nt\"><link\/> <span class=\"na\">rel=<\/span><span class=\"s\">\"stylesheet\"<\/span> <span class=\"na\">href=<\/span><span class=\"s\">\"https:\/\/cdn.jsdelivr.net\/npm\/katex@0.16.4\/dist\/katex.min.css\"<\/span><span class=\"nt\">&gt;<\/span>\n        <span class=\"nt\"><script><![CDATA[<span class=\"na\">defer]]><\/script><\/span> <span class=\"na\">src=<\/span><span class=\"s\">\"https:\/\/cdn.jsdelivr.net\/npm\/katex@0.16.4\/dist\/katex.min.js\"<\/span><span class=\"nt\">><\/span>\n        <span class=\"nt\"><script><![CDATA[<span class=\"na\">defer]]><\/script><\/span> <span class=\"na\">src=<\/span><span class=\"s\">\"https:\/\/cdn.jsdelivr.net\/npm\/katex@0.16.4\/dist\/contrib\/auto-render.min.js\"<\/span><span class=\"nt\">><\/span>\n        <span class=\"nt\"><script\/><\/span>\n            <span class=\"nb\">\u0633\u0646\u062f<\/span><span class=\"p\">.<\/span><span class=\"nf\">addEventListener<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">DOMContentLoaded<\/span><span class=\"dl\">\"<\/span><span class=\"p\">\u060c<\/span> <span class=\"nf\">\u062a\u0627\u0628\u0639 <\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n                <span class=\"nf\">RenderMathInElement<\/span><span class=\"p\">(<\/span><span class=\"nb\">\u0633\u0646\u062f<\/span><span class=\"p\">.<\/span><span class=\"nx\">\u0628\u062f\u0646<\/span><span class=\"p\">\u060c<\/span> <span class=\"p\">{<\/span>\n                    <span class=\"na\">\u062a\u0639\u06cc\u06cc\u0646 \u06a9\u0646\u0646\u062f\u0647 \u0647\u0627<\/span><span class=\"p\">:<\/span> <span class=\"p\">[<\/span>\n                        <span class=\"p\">{<\/span> <span class=\"na\">left<\/span><span class=\"p\">:<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">$<\/span><span class=\"dl\">\"<\/span><span class=\"p\">,<\/span> <span class=\"na\">right<\/span><span class=\"p\">:<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">$<\/span><span class=\"dl\">\"<\/span><span class=\"p\">,<\/span> <span class=\"na\">display<\/span><span class=\"p\">:<\/span> <span class=\"kc\">false<\/span> <span class=\"p\">},<\/span>\n                        <span class=\"p\">{<\/span> <span class=\"na\">left<\/span><span class=\"p\">:<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">$$<\/span><span class=\"dl\">\"<\/span><span class=\"p\">,<\/span> <span class=\"na\">right<\/span><span class=\"p\">:<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">$$<\/span><span class=\"dl\">\"<\/span><span class=\"p\">,<\/span> <span class=\"na\">display<\/span><span class=\"p\">:<\/span> <span class=\"kc\">true<\/span> <span class=\"p\">}<\/span>\n                    <span class=\"p\">]<\/span>\n                <span class=\"p\">})\u061b<\/span>\n            <span class=\"p\">})\u061b<\/span>\n        <span class=\"nt\"\/>\n<\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0648 \u0628\u0627 \u0622\u0646\u060c \u0635\u0641\u062d\u0647 \u0645\u062d\u062a\u0648\u0627 \u0627\u0646\u062c\u0627\u0645 \u0645\u06cc \u0634\u0648\u062f. \u0645\u0646 \u062f\u0648\u0633\u062a \u062f\u0627\u0631\u0645 \u06a9\u0647 \u0637\u0631\u0627\u062d\u06cc \u0628\u0633\u06cc\u0627\u0631 \u0645\u06cc\u0646\u06cc\u0645\u0627\u0644 \u0627\u0633\u062a\u060c \u0627\u0632 \u0645\u062d\u062a\u0648\u0627 \u0645\u0646\u062d\u0631\u0641 \u0646\u0645\u06cc \u0634\u0648\u062f \u0648 \u0647\u0646\u0648\u0632 \u0647\u0645\u0647 \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc \u0644\u0627\u0632\u0645 \u0631\u0627 \u062f\u0627\u0631\u062f.<br \/>\u0627\u06af\u0631 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc\u062f \u0628\u0628\u06cc\u0646\u06cc\u062f \u06a9\u0647 \u0686\u06af\u0648\u0646\u0647 \u062f\u0631 \u0646\u0633\u062e\u0647 \u0632\u0646\u062f\u0647 \u0628\u0647 \u0646\u0638\u0631 \u0645\u06cc\u200c\u0631\u0633\u062f\u060c \u0628\u0647 \u062c\u0627\u06cc \u0627\u06cc\u0646\u06a9\u0647 \u062e\u0648\u062f\u062a\u0627\u0646 \u0645\u062d\u062a\u0648\u0627 \u0631\u0627 \u06a9\u067e\u06cc \u06a9\u0646\u06cc\u062f\u060c \u0627\u06cc\u0646\u062c\u0627 \u0631\u0627 \u0628\u0628\u06cc\u0646\u06cc\u062f: \u062f\u0648\u0631\u0647\u200c\u0627\u06cc \u0639\u0646\u0627\u0635\u0631 &#8211; \u067e\u0631\u0633\u0634 \u0648 \u067e\u0627\u0633\u062e<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%D8%B3%D8%A7%D8%B9%D8%AA_21_%D8%AA%D8%A7_25_%D8%AA%DA%A9%D9%85%DB%8C%D9%84_%D8%B5%D9%81%D8%AD%D9%87_%D9%85%D8%AD%D8%AA%D9%88%D8%A7%DB%8C_%D8%B4%DB%8C%D9%85%DB%8C\"><\/span>\n<p>  \u0633\u0627\u0639\u062a 21 \u062a\u0627 25: \u062a\u06a9\u0645\u06cc\u0644 \u0635\u0641\u062d\u0647 \u0645\u062d\u062a\u0648\u0627\u06cc \u0634\u06cc\u0645\u06cc<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0645\u0646 \u0627\u06cc\u062c\u0627\u062f \u062e\u0648\u0627\u0647\u0645 \u06a9\u0631\u062f <code>periodicity-of-elements-notes.html<\/code> \u0641\u0627\u06cc\u0644 \u062f\u0627\u062e\u0644 <code>Chemistry\/3\/<\/code> \u067e\u0648\u0634\u0647 \u0627\u06cc\u0646 \u0634\u0627\u0645\u0644 \u06cc\u0627\u062f\u062f\u0627\u0634\u062a \u0647\u0627\u06cc\u06cc \u062f\u0631 \u0645\u0648\u0631\u062f \u062a\u0646\u0627\u0648\u0628 \u0639\u0646\u0627\u0635\u0631 \u0627\u0633\u062a.<\/p>\n<p>\u0627\u06cc\u0646 \u0647\u0645\u0627\u0646 \u0633\u0627\u062e\u062a\u0627\u0631 \u067e\u0627\u06cc\u0647 HTML \u0641\u0627\u06cc\u0644 \u0642\u0628\u0644\u06cc \u0627\u0633\u062a\u060c <code>periodicity-of-elements-qa.html<\/code>. <\/p>\n<p>\u0627\u06a9\u0646\u0648\u0646\u060c \u0628\u0631\u0627\u06cc \u0632\u0645\u0627\u0646\u200c\u0628\u0631\u062a\u0631\u06cc\u0646 \u0628\u062e\u0634\u060c \u06a9\u067e\u06cc \u06a9\u0631\u062f\u0646 \u0645\u062a\u0646 \u0639\u0638\u06cc\u0645 \u06cc\u0627\u062f\u062f\u0627\u0634\u062a\u200c\u0647\u0627 \u0648 \u0642\u0627\u0644\u0628\u200c\u0628\u0646\u062f\u06cc \u0622\u0646 \u0628\u0627 \u0633\u0631\u0641\u0635\u0644\u200c\u0647\u0627\u060c \u067e\u0627\u0631\u0627\u06af\u0631\u0627\u0641\u200c\u0647\u0627 \u0648 \u0641\u0647\u0631\u0633\u062a\u200c\u0647\u0627. \u0645\u0646 \u0647\u0645\u0686\u0646\u06cc\u0646 \u062f\u0631 \u0635\u0648\u0631\u062a \u0644\u0632\u0648\u0645 \u0627\u0632 \u0646\u062d\u0648 LaTeX \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f\u0647 \u0627\u0645.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight html\"><code>            <span class=\"nt\"\/>\n                Structure of Periodic Table\n            <span class=\"nt\"\/>\n\n            <span class=\"nt\"><h2><span class=\"ez-toc-section\" id=\"id%22early-attempts-at-organization%22%3EEarly_Attempts_at_Organization\"><\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"early-attempts-at-organization\"<\/span><span class=\"nt\">&gt;<\/span>Early Attempts at\n                Organization<span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h2><\/span>\n            <span class=\"c\"><!-- Previous attempts go here --><\/span>\n\n            <span class=\"nt\"><h2><span class=\"ez-toc-section\" id=\"id%22mendeleevs-periodic-law-and-his-periodic-table%22%3EMendeleevs_Periodic_Law_and_His_Periodic_Table\"><\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"mendeleevs-periodic-law-and-his-periodic-table\"<\/span><span class=\"nt\">&gt;<\/span>Mendeleev's\n                Periodic Law and His Periodic Table<span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h2><\/span>\n                <span class=\"c\"><!-- Mendeleev's section goes here --><\/span>\n\n            <span class=\"nt\"><h2><span class=\"ez-toc-section\" id=\"id%22modern-periodic-law-and-moseleys-experiment-explained%22%3EModern_Periodic_Law_and_Moseleys_Experiment_Explained\"><\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"modern-periodic-law-and-moseleys-experiment-explained\"<\/span><span class=\"nt\">&gt;<\/span>Modern\n                Periodic Law and Moseley's Experiment Explained<span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h2><\/span>\n            <span class=\"nt\"\/>\n\n            <span class=\"c\"><!-- Moseleys and Modern periodic law section goes here --><\/span>\n            <span class=\"nt\"><h2><span class=\"ez-toc-section\" id=\"id%22periods-horizontal-rows-and-electron-shells%22%3EPeriods_Horizontal_Rows_and_Electron_Shells\"><\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"periods-horizontal-rows-and-electron-shells\"<\/span><span class=\"nt\">&gt;<\/span>Periods (Horizontal\n                Rows) and Electron Shells<span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h2><\/span>\n            <span class=\"c\"><!-- Periods information goes here --><\/span>\n            <span class=\"nt\"><h2><span class=\"ez-toc-section\" id=\"id%22groups-vertical-columns-and-valence-electrons%22%3EGroups_Vertical_Columns_and_Valence_Electrons\"><\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"groups-vertical-columns-and-valence-electrons\"<\/span><span class=\"nt\">&gt;<\/span>Groups (Vertical\n                Columns) and Valence Electrons<span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h2><\/span>\n            <span class=\"c\"><!-- Groups information goes here --><\/span>\n            <span class=\"nt\"><h2><span class=\"ez-toc-section\" id=\"id%22numbering-systems-for-groups%22%3ENumbering_Systems_for_Groups\"><\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"numbering-systems-for-groups\"<\/span><span class=\"nt\">&gt;<\/span>Numbering Systems for Groups<span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h2><\/span>\n                <span class=\"c\"><!-- Numbering System information goes here --><\/span>\n            <span class=\"nt\"><h2><span class=\"ez-toc-section\" id=\"id%22blocks-of-periodic-table%22%3EBlocks_of_Periodic_Table\"><\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"blocks-of-periodic-table\"<\/span><span class=\"nt\">&gt;<\/span>Blocks of Periodic Table<span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h2><\/span>\n               <span class=\"c\"><!-- Blocks of periodic table information goes here --><\/span>\n               <span class=\"nt\"\/> Key Groups and Their Properties <span class=\"nt\"\/>\n            <span class=\"nt\"><h2><span class=\"ez-toc-section\" id=\"id%22alkali-metals-group-1%22%3EAlkali_Metals_Group_1\"><\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"alkali-metals-group-1\"<\/span><span class=\"nt\">&gt;<\/span>Alkali Metals (Group 1)<span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h2><\/span>\n             <span class=\"c\"><!-- Alkali Metals information goes here --><\/span>\n             <span class=\"nt\"><h2><span class=\"ez-toc-section\" id=\"id%22alkali-earth-metals-groups-2%22%3EAlkali-Earth_Metals_Groups_2\"><\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"alkali-earth-metals-groups-2\"<\/span><span class=\"nt\">&gt;<\/span>Alkali-Earth Metals (Groups\n                2)<span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h2><\/span>\n                <span class=\"c\"><!-- Alkali-Earth metals information goes here --><\/span>\n            <span class=\"nt\"><h2><span class=\"ez-toc-section\" id=\"id%22transition-metals-d-block%22%3ETransition_Metals_d-block\"><\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"transition-metals-d-block\"<\/span><span class=\"nt\">&gt;<\/span>Transition Metals (d-block)<span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h2><\/span>\n               <span class=\"c\"><!-- transition metals information goes here --><\/span>\n            <span class=\"nt\"><h2><span class=\"ez-toc-section\" id=\"id%22halogens-group-17%22%3EHalogens_Group_17\"><\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"halogens-group-17\"<\/span><span class=\"nt\">&gt;<\/span>Halogens (Group 17)<span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h2><\/span>\n                <span class=\"c\"><!-- Halogens information goes here --><\/span>\n            <span class=\"nt\"><h2><span class=\"ez-toc-section\" id=\"id%22noble-gases-group-18%22%3ENoble_Gases_Group_18\"><\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"noble-gases-group-18\"<\/span><span class=\"nt\">&gt;<\/span>Noble Gases (Group 18)<span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h2><\/span>\n                <span class=\"c\"><!-- Noble gases information goes here --><\/span>\n                <span class=\"nt\"><h2><span class=\"ez-toc-section\" id=\"id%22f-other-notable-groupselements%22%3EF_Other_Notable_GroupsElements\"><\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"f-other-notable-groupselements\"<\/span><span class=\"nt\">&gt;<\/span>F. Other Notable\n                    Groups\/Elements<span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h2><\/span>\n                <span class=\"c\"><!--Other notable elements goes here--><\/span>\n                <span class=\"nt\"\/>Periodic Trends<span class=\"nt\"\/>\n                <span class=\"nt\"><h2><span class=\"ez-toc-section\" id=\"id%22a-types-of-atomic-radii%22%3EA_Types_of_Atomic_Radii\"><\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"a-types-of-atomic-radii\"<\/span><span class=\"nt\">&gt;<\/span>A. Types of Atomic Radii<span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h2><\/span>\n                <span class=\"nt\"><h3><span class=\"ez-toc-section\" id=\"id%221-covalent-radius%22%3E1_Covalent_Radius\"><\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"1-covalent-radius\"<\/span><span class=\"nt\">&gt;<\/span>1. Covalent Radius<span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h3><\/span>\n                <span class=\"c\"><!--covalent radius section goes here--><\/span>\n                 <span class=\"nt\"\/>\n                <span class=\"nt\"><h3><span class=\"ez-toc-section\" id=\"id%222-metallic-radius%22%3E2_Metallic_Radius\"><\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"2-metallic-radius\"<\/span><span class=\"nt\">&gt;<\/span>2. Metallic Radius<span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h3><\/span>\n                   <span class=\"c\"><!--metallic radius section goes here--><\/span>\n                <span class=\"nt\"><h3><span class=\"ez-toc-section\" id=\"id%223-van-der-waals-radius%22%3E3_Van_der_Waals_Radius\"><\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"3-van-der-waals-radius\"<\/span><span class=\"nt\">&gt;<\/span>3. Van der Waals Radius<span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h3><\/span>\n                    <span class=\"c\"><!--van der waals radius section goes here--><\/span>\n                <span class=\"nt\"><h3><span class=\"ez-toc-section\" id=\"id%224-ionic-radius%22%3E4_Ionic_Radius\"><\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"4-ionic-radius\"<\/span><span class=\"nt\">&gt;<\/span>4. Ionic Radius<span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h3><\/span>\n                     <span class=\"c\"><!--ionic radius section goes here--><\/span>\n                <span class=\"nt\"><h2><span class=\"ez-toc-section\" id=\"id%22b-trends-in-atomic-radius%22%3EB_Trends_in_Atomic_Radius\"><\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"b-trends-in-atomic-radius\"<\/span><span class=\"nt\">&gt;<\/span>B. Trends in Atomic Radius<span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h2><\/span>\n                <span class=\"nt\"><h3><span class=\"ez-toc-section\" id=\"id%221-trend-down-a-group%22%3E1_Trend_Down_a_Group\"><\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"1-trend-down-a-group\"<\/span><span class=\"nt\">&gt;<\/span>1. Trend Down a Group<span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h3><\/span>\n                <span class=\"c\"><!--trend down a group goes here--><\/span>\n                <span class=\"nt\"><h3><span class=\"ez-toc-section\" id=\"id%222-trend-across-a-period%22%3E2_Trend_Across_a_Period\"><\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"2-trend-across-a-period\"<\/span><span class=\"nt\">&gt;<\/span>2. Trend Across a Period<span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h3><\/span>\n                 <span class=\"c\"><!--trend across a period goes here--><\/span>\n                 <span class=\"nt\"><h2><span class=\"ez-toc-section\" id=\"id%22ionic-radius%22%3EIonic_Radius\"><\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"ionic-radius\"<\/span><span class=\"nt\">&gt;<\/span>Ionic Radius<span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h2><\/span>\n                <span class=\"nt\"><h3><span class=\"ez-toc-section\" id=\"id%22relationship-between-atomic-radius-and-ion-size%22%3ERelationship_between_Atomic_Radius_and_Ion_Size\"><\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"relationship-between-atomic-radius-and-ion-size\"<\/span><span class=\"nt\">&gt;<\/span>Relationship\n                    between Atomic Radius and Ion Size<span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h3><\/span>\n                    <span class=\"c\"><!--Relation between ionic and atomic size goes here--><\/span>\n                <span class=\"nt\"><h3><span class=\"ez-toc-section\" id=\"id%22trends-in-ionic-radius-down-a-group%22%3ETrends_in_Ionic_Radius_Down_a_Group\"><\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"trends-in-ionic-radius-down-a-group\"<\/span><span class=\"nt\">&gt;<\/span>Trends in Ionic Radius Down\n                    a Group<span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h3><\/span>\n                    <span class=\"c\"><!--ionic radius trend down a group goes here--><\/span>\n                <span class=\"nt\"><h3><span class=\"ez-toc-section\" id=\"id%22trends-in-ionic-radius-across-a-period%22%3ETrends_in_Ionic_Radius_Across_a_Period\"><\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"trends-in-ionic-radius-across-a-period\"<\/span><span class=\"nt\">&gt;<\/span>Trends in Ionic Radius\n                    Across a Period<span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h3><\/span>\n                    <span class=\"c\"><!--ionic radius trend across a period goes here--><\/span>\n                <span class=\"nt\"><h2><span class=\"ez-toc-section\" id=\"id%22ionization-energy%22%3EIonization_Energy\"><\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"ionization-energy\"<\/span><span class=\"nt\">&gt;<\/span>Ionization Energy<span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h2><\/span>\n                <span class=\"nt\"><h3><span class=\"ez-toc-section\" id=\"id%22definition-of-ionization-energy%22%3EDefinition_of_Ionization_Energy\"><\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"definition-of-ionization-energy\"<\/span><span class=\"nt\">&gt;<\/span>Definition of Ionization\n                    Energy<span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h3><\/span>\n                 <span class=\"c\"><!--definition of IE goes here--><\/span>\n                <span class=\"nt\"><h3><span class=\"ez-toc-section\" id=\"id%22trends-in-ionization-energy%22%3ETrends_in_Ionization_Energy\"><\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"trends-in-ionization-energy\"<\/span><span class=\"nt\">&gt;<\/span>Trends in Ionization Energy<span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h3><\/span>\n                <span class=\"nt\"><h4><span class=\"ez-toc-section\" id=\"id%221-trend-down-a-group-1%22%3E1_Trend_Down_a_Group\"><\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"1-trend-down-a-group-1\"<\/span><span class=\"nt\">&gt;<\/span>1. Trend Down a Group<span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h4><\/span>\n                    <span class=\"c\"><!--IE trend down a group goes here--><\/span>\n                <span class=\"nt\"><h4><span class=\"ez-toc-section\" id=\"id%222-trend-across-a-period-1%22%3E2_Trend_Across_a_Period\"><\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"2-trend-across-a-period-1\"<\/span><span class=\"nt\">&gt;<\/span>2. Trend Across a Period<span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h4><\/span>\n                    <span class=\"c\"><!--IE trend across a period goes here--><\/span>\n                <span class=\"nt\"><h2><span class=\"ez-toc-section\" id=\"id%22electronegativity%22%3EElectronegativity\"><\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"electronegativity\"<\/span><span class=\"nt\">&gt;<\/span>Electronegativity<span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h2><\/span>\n                <span class=\"nt\"><h3><span class=\"ez-toc-section\" id=\"id%22definition-of-electronegativity%22%3EDefinition_of_Electronegativity\"><\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"definition-of-electronegativity\"<\/span><span class=\"nt\">&gt;<\/span>Definition of\n                    Electronegativity<span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h3><\/span>\n                 <span class=\"c\"><!--definition of electronegativity goes here--><\/span>\n                <span class=\"nt\"><h3><span class=\"ez-toc-section\" id=\"id%22trends-in-electronegativity%22%3ETrends_in_Electronegativity\"><\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"trends-in-electronegativity\"<\/span><span class=\"nt\">&gt;<\/span>Trends in Electronegativity<span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h3><\/span>\n                <span class=\"nt\"><h4><span class=\"ez-toc-section\" id=\"id%221-trend-down-a-group-2%22%3E1_Trend_Down_a_Group\"><\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"1-trend-down-a-group-2\"<\/span><span class=\"nt\">&gt;<\/span>1. Trend Down a Group<span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h4><\/span>\n                    <span class=\"c\"><!--Trend in EN down a group goes here--><\/span>\n                <span class=\"nt\"><h4><span class=\"ez-toc-section\" id=\"id%222-trend-across-a-period-2%22%3E2_Trend_Across_a_Period\"><\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"2-trend-across-a-period-2\"<\/span><span class=\"nt\">&gt;<\/span>2. Trend Across a Period<span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h4><\/span>\n                    <span class=\"c\"><!--trend in EN across a period goes here--><\/span>\n                <span class=\"nt\"><h2><span class=\"ez-toc-section\" id=\"id%22metallic-character%22%3EMetallic_Character\"><\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"metallic-character\"<\/span><span class=\"nt\">&gt;<\/span>Metallic Character<span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h2><\/span>\n                    <span class=\"c\"><!--metallic character goes here--><\/span>\n                <span class=\"nt\"><h3><span class=\"ez-toc-section\" id=\"id%22trends-in-metallic-character%22%3ETrends_in_Metallic_Character\"><\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"trends-in-metallic-character\"<\/span><span class=\"nt\">&gt;<\/span>Trends in Metallic Character<span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h3><\/span>\n                    <span class=\"c\"><!--trend in metallic character goes here--><\/span>\n                <span class=\"nt\"><h4><span class=\"ez-toc-section\" id=\"id%221-trend-down-a-group-3%22%3E1_Trend_Down_a_Group\"><\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"1-trend-down-a-group-3\"<\/span><span class=\"nt\">&gt;<\/span>1. Trend Down a Group<span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h4><\/span>\n                    <span class=\"c\"><!--Metallic character trend down a group goes here--><\/span>\n                <span class=\"nt\"><h4><span class=\"ez-toc-section\" id=\"id%222-trend-across-a-period-3%22%3E2_Trend_Across_a_Period\"><\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"2-trend-across-a-period-3\"<\/span><span class=\"nt\">&gt;<\/span>2. Trend Across a Period<span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h4><\/span>\n                    <span class=\"c\"><!--Metallic character trend across a period goes here--><\/span>\n                <span class=\"nt\"><h2><span class=\"ez-toc-section\" id=\"id%22reactivity-trends-relating-to-other-periodic-trends%22%3EReactivity_Trends_Relating_to_Other_Periodic_Trends\"><\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"reactivity-trends-relating-to-other-periodic-trends\"<\/span><span class=\"nt\">&gt;<\/span>Reactivity\n                    Trends: Relating to Other Periodic Trends<span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h2><\/span>\n                 <span class=\"c\"><!--Reactivity trends goes here--><\/span>\n        <span class=\"nt\"\/>\n\n                <span class=\"nt\"><h2><span class=\"ez-toc-section\" id=\"id%22quantum-mechanics-and-electron-configurations%22%3EQuantum_Mechanics_and_Electron_Configurations\"><\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"quantum-mechanics-and-electron-configurations\"<\/span><span class=\"nt\">&gt;<\/span>Quantum Mechanics\n                    and Electron Configurations<span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h2><\/span>\n                <span class=\"c\"><!-- Quantum mechanics explanation here--><\/span>\n                <span class=\"nt\"><h2><span class=\"ez-toc-section\" id=\"id%22anomalies-in-periodic-trends%22%3EAnomalies_in_Periodic_Trends\"><\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"anomalies-in-periodic-trends\"<\/span><span class=\"nt\">&gt;<\/span>Anomalies in Periodic Trends<span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h2><\/span>\n                <span class=\"c\"><!-- Anomalies explanation here--><\/span>\n                <span class=\"nt\"><h2><span class=\"ez-toc-section\" id=\"id%22advanced-bonding-theories-molecular-orbital-theory-and-the-role-of-the-periodic-table%22%3EAdvanced_Bonding_Theories_Molecular_Orbital_Theory_and_the_Role_of_the_Periodic_Table\"><\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"advanced-bonding-theories-molecular-orbital-theory-and-the-role-of-the-periodic-table\"<\/span><span class=\"nt\">&gt;<\/span>Advanced\n                    Bonding Theories: Molecular Orbital Theory and the Role of the Periodic\n                    Table<span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h2><\/span>\n                   <span class=\"c\"><!--Advanced bonding explanation here--><\/span>\n        <span class=\"nt\"><h2><span class=\"ez-toc-section\" id=\"id%22about-author%22%3E_About_the_author-2\"><\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"about-author\"<\/span><span class=\"nt\">&gt;<\/span>\n            About the author\n        <span class=\"nt\"\/><span class=\"ez-toc-section-end\"><\/span><\/h2><\/span>\n        <span class=\"nt\"\/> Written by <span class=\"nt\"><strong\/><\/span>Noah Kleij, PhD <span class=\"nt\"\/>\n            <span class=\"nt\"\/>Noah Kleij holds a Doctorate in Organic and General Chemistry from the prestigious University of Manchester, United Kingdom. With a deep passion for chemical sciences, Noah has contributed significantly to advancing knowledge in both organic synthesis and general chemistry principles. Their research encompasses cutting-edge methodologies and innovative problem-solving approaches.<span class=\"nt\"\/>\n\n            <span class=\"nt\"\/>In addition to their academic achievements, Noah is an accomplished author and educator, committed to sharing complex chemical concepts in accessible and engaging ways. Their work not only bridges theoretical and practical chemistry but also inspires the next generation of chemists to explore the field's transformative potential.<span class=\"nt\"\/>\n        <span class=\"nt\"\/>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0645\u0646 CSS \u067e\u0627\u06cc\u0647 \u0631\u0627 \u0627\u0632 \u0642\u0628\u0644 \u0627\u0636\u0627\u0641\u0647 \u06a9\u0631\u062f\u0645\u060c \u0627\u0645\u0627 CSS \u062c\u062f\u06cc\u062f\u06cc \u0631\u0627 \u0646\u06cc\u0632 \u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u0627\u06cc\u0644 \u06a9\u0631\u062f\u0646 \u0645\u062d\u0641\u0638\u0647 \u0645\u0627\u0634\u06cc\u0646 \u062d\u0633\u0627\u0628 \u0627\u0636\u0627\u0641\u0647 \u06a9\u0631\u062f\u0645\u060c \u0622\u06cc\u0627 \u0630\u06a9\u0631 \u06a9\u0631\u062f\u0645\u060c \u0627\u06cc\u0646 \u0635\u0641\u062d\u0647 \u06cc\u06a9 \u0645\u0627\u0634\u06cc\u0646 \u062d\u0633\u0627\u0628 \u0646\u06cc\u0632 \u062f\u0627\u0631\u062f\u060c \u0628\u0631\u0627\u06cc \u062a\u0639\u0627\u0645\u0644:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight css\"><code> <span class=\"o\">&lt;<\/span><span class=\"nt\">style<\/span> <span class=\"nt\">for<\/span><span class=\"o\">=<\/span><span class=\"s1\">\"Calculator\"<\/span><span class=\"o\">&gt;<\/span>\n            <span class=\"c\">\/* Light Mode Styles *\/<\/span>\n            <span class=\"nc\">.calculator-container<\/span> <span class=\"p\">{<\/span>\n                <span class=\"nl\">background-color<\/span><span class=\"p\">:<\/span> <span class=\"m\">#f5f5f5<\/span><span class=\"p\">;<\/span> <span class=\"c\">\/* Light background *\/<\/span>\n                <span class=\"nl\">padding<\/span><span class=\"p\">:<\/span> <span class=\"m\">20px<\/span><span class=\"p\">;<\/span>\n                <span class=\"nl\">border-radius<\/span><span class=\"p\">:<\/span> <span class=\"m\">8px<\/span><span class=\"p\">;<\/span>\n                <span class=\"nl\">box-shadow<\/span><span class=\"p\">:<\/span> <span class=\"m\">0<\/span> <span class=\"m\">2px<\/span> <span class=\"m\">5px<\/span> <span class=\"n\">rgba<\/span><span class=\"p\">(<\/span><span class=\"m\">0<\/span><span class=\"p\">,<\/span> <span class=\"m\">0<\/span><span class=\"p\">,<\/span> <span class=\"m\">0<\/span><span class=\"p\">,<\/span> <span class=\"m\">0.1<\/span><span class=\"p\">);<\/span> <span class=\"c\">\/* Subtle shadow *\/<\/span>\n                <span class=\"nl\">margin<\/span><span class=\"p\">:<\/span> <span class=\"m\">20px<\/span> <span class=\"m\">0<\/span><span class=\"p\">;<\/span>\n            <span class=\"p\">}<\/span>\n\n            <span class=\"nc\">.calculator-controls<\/span> <span class=\"p\">{<\/span>\n                <span class=\"nl\">display<\/span><span class=\"p\">:<\/span> <span class=\"n\">flex<\/span><span class=\"p\">;<\/span>\n                <span class=\"py\">gap<\/span><span class=\"p\">:<\/span> <span class=\"m\">10px<\/span><span class=\"p\">;<\/span>\n                <span class=\"nl\">margin-bottom<\/span><span class=\"p\">:<\/span> <span class=\"m\">20px<\/span><span class=\"p\">;<\/span>\n            <span class=\"p\">}<\/span>\n\n            <span class=\"nc\">.calculator-controls<\/span> <span class=\"nt\">input<\/span><span class=\"o\">,<\/span>\n            <span class=\"nc\">.calculator-controls<\/span> <span class=\"nt\">button<\/span> <span class=\"p\">{<\/span>\n                <span class=\"nl\">padding<\/span><span class=\"p\">:<\/span> <span class=\"m\">10px<\/span><span class=\"p\">;<\/span>\n                <span class=\"nl\">border-radius<\/span><span class=\"p\">:<\/span> <span class=\"m\">4px<\/span><span class=\"p\">;<\/span>\n                <span class=\"nl\">border<\/span><span class=\"p\">:<\/span> <span class=\"m\">1px<\/span> <span class=\"nb\">solid<\/span> <span class=\"m\">#ccc<\/span><span class=\"p\">;<\/span> <span class=\"c\">\/* Light border *\/<\/span>\n                <span class=\"nl\">background-color<\/span><span class=\"p\">:<\/span> <span class=\"m\">#fff<\/span><span class=\"p\">;<\/span> <span class=\"c\">\/* White background *\/<\/span>\n                <span class=\"nl\">color<\/span><span class=\"p\">:<\/span> <span class=\"m\">#333<\/span><span class=\"p\">;<\/span> <span class=\"c\">\/* Dark text *\/<\/span>\n                <span class=\"nl\">transition<\/span><span class=\"p\">:<\/span> <span class=\"n\">background-color<\/span> <span class=\"m\">0.3s<\/span> <span class=\"n\">ease<\/span><span class=\"p\">,<\/span> <span class=\"n\">box-shadow<\/span> <span class=\"m\">0.3s<\/span> <span class=\"n\">ease<\/span><span class=\"p\">;<\/span> <span class=\"c\">\/* Added box-shadow transition *\/<\/span>\n            <span class=\"p\">}<\/span>\n\n            <span class=\"nc\">.calculator-controls<\/span> <span class=\"nt\">input<\/span><span class=\"nd\">:focus<\/span><span class=\"o\">,<\/span>\n            <span class=\"nc\">.calculator-controls<\/span> <span class=\"nt\">button<\/span><span class=\"nd\">:focus<\/span> <span class=\"p\">{<\/span>\n                <span class=\"nl\">outline<\/span><span class=\"p\">:<\/span> <span class=\"nb\">none<\/span><span class=\"p\">;<\/span>\n                <span class=\"nl\">box-shadow<\/span><span class=\"p\">:<\/span> <span class=\"m\">0<\/span> <span class=\"m\">0<\/span> <span class=\"m\">5px<\/span> <span class=\"m\">#3498db<\/span><span class=\"p\">;<\/span> <span class=\"c\">\/* Focus highlight (same as dark mode) *\/<\/span>\n            <span class=\"p\">}<\/span>\n\n            <span class=\"nc\">.calculator-controls<\/span> <span class=\"nt\">input<\/span> <span class=\"p\">{<\/span>\n                <span class=\"nl\">flex<\/span><span class=\"p\">:<\/span> <span class=\"m\">2<\/span><span class=\"p\">;<\/span>\n            <span class=\"p\">}<\/span>\n\n            <span class=\"nc\">.calculator-controls<\/span> <span class=\"nt\">button<\/span> <span class=\"p\">{<\/span>\n                <span class=\"nl\">flex<\/span><span class=\"p\">:<\/span> <span class=\"m\">1<\/span><span class=\"p\">;<\/span>\n            <span class=\"p\">}<\/span>\n\n            <span class=\"nc\">.calculator-controls<\/span> <span class=\"nt\">button<\/span><span class=\"nd\">:hover<\/span> <span class=\"p\">{<\/span>\n                <span class=\"nl\">background-color<\/span><span class=\"p\">:<\/span> <span class=\"m\">#e0e0e0<\/span><span class=\"p\">;<\/span> <span class=\"c\">\/* Slightly darker on hover *\/<\/span>\n                <span class=\"nl\">cursor<\/span><span class=\"p\">:<\/span> <span class=\"nb\">pointer<\/span><span class=\"p\">;<\/span>\n            <span class=\"p\">}<\/span>\n\n            <span class=\"nf\">#calculator-output<\/span> <span class=\"p\">{<\/span>\n                <span class=\"nl\">overflow-x<\/span><span class=\"p\">:<\/span> <span class=\"nb\">auto<\/span><span class=\"p\">;<\/span>\n            <span class=\"p\">}<\/span>\n\n            <span class=\"nf\">#calculator-output<\/span> <span class=\"nt\">table<\/span> <span class=\"p\">{<\/span>\n                <span class=\"nl\">width<\/span><span class=\"p\">:<\/span> <span class=\"m\">100%<\/span><span class=\"p\">;<\/span>\n                <span class=\"nl\">border-collapse<\/span><span class=\"p\">:<\/span> <span class=\"nb\">collapse<\/span><span class=\"p\">;<\/span>\n                <span class=\"nl\">margin-top<\/span><span class=\"p\">:<\/span> <span class=\"m\">10px<\/span><span class=\"p\">;<\/span>\n                <span class=\"nl\">box-shadow<\/span><span class=\"p\">:<\/span> <span class=\"m\">0<\/span> <span class=\"m\">2px<\/span> <span class=\"m\">5px<\/span> <span class=\"n\">rgba<\/span><span class=\"p\">(<\/span><span class=\"m\">0<\/span><span class=\"p\">,<\/span> <span class=\"m\">0<\/span><span class=\"p\">,<\/span> <span class=\"m\">0<\/span><span class=\"p\">,<\/span> <span class=\"m\">0.1<\/span><span class=\"p\">);<\/span> <span class=\"c\">\/* Subtle shadow *\/<\/span>\n            <span class=\"p\">}<\/span>\n\n            <span class=\"nf\">#calculator-output<\/span> <span class=\"nt\">th<\/span><span class=\"o\">,<\/span>\n            <span class=\"nf\">#calculator-output<\/span> <span class=\"nt\">td<\/span> <span class=\"p\">{<\/span>\n                <span class=\"nl\">border<\/span><span class=\"p\">:<\/span> <span class=\"m\">1px<\/span> <span class=\"nb\">solid<\/span> <span class=\"m\">#ccc<\/span><span class=\"p\">;<\/span> <span class=\"c\">\/* Light border *\/<\/span>\n                <span class=\"nl\">padding<\/span><span class=\"p\">:<\/span> <span class=\"m\">8px<\/span><span class=\"p\">;<\/span>\n                <span class=\"nl\">text-align<\/span><span class=\"p\">:<\/span> <span class=\"nb\">left<\/span><span class=\"p\">;<\/span>\n            <span class=\"p\">}<\/span>\n\n            <span class=\"nf\">#calculator-output<\/span> <span class=\"nt\">th<\/span> <span class=\"p\">{<\/span>\n                <span class=\"nl\">background-color<\/span><span class=\"p\">:<\/span> <span class=\"m\">#3498db<\/span><span class=\"p\">;<\/span> <span class=\"c\">\/* Header color (same as dark mode) *\/<\/span>\n                <span class=\"nl\">color<\/span><span class=\"p\">:<\/span> <span class=\"no\">white<\/span><span class=\"p\">;<\/span>\n            <span class=\"p\">}<\/span>\n\n            <span class=\"nf\">#calculator-output<\/span> <span class=\"nt\">tr<\/span><span class=\"nd\">:nth-child<\/span><span class=\"o\">(<\/span><span class=\"nt\">even<\/span><span class=\"o\">)<\/span> <span class=\"p\">{<\/span>\n                <span class=\"nl\">background-color<\/span><span class=\"p\">:<\/span> <span class=\"m\">#f0f0f0<\/span><span class=\"p\">;<\/span> <span class=\"c\">\/* Slightly darker for even rows *\/<\/span>\n            <span class=\"p\">}<\/span>\n\n            <span class=\"nf\">#calculator-output<\/span> <span class=\"nt\">tr<\/span><span class=\"nd\">:hover<\/span> <span class=\"p\">{<\/span>\n                <span class=\"nl\">background-color<\/span><span class=\"p\">:<\/span> <span class=\"m\">#e8e8e8<\/span><span class=\"p\">;<\/span> <span class=\"c\">\/* Slightly darker on hover *\/<\/span>\n            <span class=\"p\">}<\/span>\n\n            <span class=\"c\">\/* Loading Spinner *\/<\/span>\n            <span class=\"nc\">.loading-spinner<\/span> <span class=\"p\">{<\/span>\n                <span class=\"nl\">border<\/span><span class=\"p\">:<\/span> <span class=\"m\">4px<\/span> <span class=\"nb\">solid<\/span> <span class=\"m\">#ccc<\/span><span class=\"p\">;<\/span> <span class=\"c\">\/* Light border *\/<\/span>\n                <span class=\"nl\">border-top<\/span><span class=\"p\">:<\/span> <span class=\"m\">4px<\/span> <span class=\"nb\">solid<\/span> <span class=\"m\">#3498db<\/span><span class=\"p\">;<\/span> <span class=\"c\">\/* Spinner color (same as dark mode) *\/<\/span>\n                <span class=\"nl\">border-radius<\/span><span class=\"p\">:<\/span> <span class=\"m\">50%<\/span><span class=\"p\">;<\/span>\n                <span class=\"nl\">width<\/span><span class=\"p\">:<\/span> <span class=\"m\">30px<\/span><span class=\"p\">;<\/span>\n                <span class=\"nl\">height<\/span><span class=\"p\">:<\/span> <span class=\"m\">30px<\/span><span class=\"p\">;<\/span>\n                <span class=\"nl\">animation<\/span><span class=\"p\">:<\/span> <span class=\"n\">spin<\/span> <span class=\"m\">1s<\/span> <span class=\"n\">linear<\/span> <span class=\"n\">infinite<\/span><span class=\"p\">;<\/span>\n                <span class=\"nl\">margin<\/span><span class=\"p\">:<\/span> <span class=\"m\">20px<\/span> <span class=\"nb\">auto<\/span><span class=\"p\">;<\/span>\n                <span class=\"nl\">display<\/span><span class=\"p\">:<\/span> <span class=\"nb\">none<\/span><span class=\"p\">;<\/span>\n            <span class=\"p\">}<\/span>\n\n            <span class=\"k\">@keyframes<\/span> <span class=\"n\">spin<\/span> <span class=\"p\">{<\/span>\n                <span class=\"err\">0<\/span><span class=\"o\">%<\/span> <span class=\"p\">{<\/span>\n                    <span class=\"nl\">transform<\/span><span class=\"p\">:<\/span> <span class=\"n\">rotate<\/span><span class=\"p\">(<\/span><span class=\"m\">0deg<\/span><span class=\"p\">);<\/span>\n                <span class=\"p\">}<\/span>\n                <span class=\"err\">100<\/span><span class=\"o\">%<\/span> <span class=\"p\">{<\/span>\n                    <span class=\"nl\">transform<\/span><span class=\"p\">:<\/span> <span class=\"n\">rotate<\/span><span class=\"p\">(<\/span><span class=\"m\">360deg<\/span><span class=\"p\">);<\/span>\n                <span class=\"p\">}<\/span>\n            <span class=\"p\">}<\/span>\n\n            <span class=\"nc\">.calculator-container<\/span> <span class=\"nt\">h2<\/span> <span class=\"p\">{<\/span>\n                <span class=\"nl\">margin-top<\/span><span class=\"p\">:<\/span> <span class=\"m\">0<\/span><span class=\"p\">;<\/span>\n                <span class=\"nl\">color<\/span><span class=\"p\">:<\/span> <span class=\"m\">#333<\/span><span class=\"p\">;<\/span> <span class=\"c\">\/* Darker text color for heading *\/<\/span>\n            <span class=\"p\">}<\/span>\n        <span class=\"o\"\/><span class=\"nt\">style<\/span><span class=\"o\">&gt;<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0627\u06cc\u0646 \u06cc\u06a9 \u0633\u0628\u06a9 \u0628\u0633\u06cc\u0627\u0631 \u0627\u0628\u062a\u062f\u0627\u06cc\u06cc \u0627\u0633\u062a\u060c \u0627\u0645\u0627 \u062f\u0631 \u062d\u0627\u0644 \u062d\u0627\u0636\u0631 \u062e\u0648\u0628 \u0627\u0633\u062a.<\/p>\n<p>\u0633\u067e\u0633 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0631\u0627 \u0645\u0627\u0646\u0646\u062f \u0642\u0628\u0644 \u0628\u0631\u0627\u06cc \u0641\u0647\u0631\u0633\u062a \u0645\u0637\u0627\u0644\u0628 \u0627\u0636\u0627\u0641\u0647 \u06a9\u0631\u062f\u0645 \u0648 \u06cc\u06a9 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0631\u0627\u06cc \u062a\u0648\u0644\u06cc\u062f \u062c\u062f\u0648\u0644 \u062e\u0635\u0648\u0635\u06cc\u0627\u062a \u0639\u0646\u0627\u0635\u0631 \u0627\u0636\u0627\u0641\u0647 \u06a9\u0631\u062f\u0645:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight html\"><code>   <span class=\"nt\"><script\/><\/span>\n        <span class=\"nb\">document<\/span><span class=\"p\">.<\/span><span class=\"nf\">addEventListener<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">DOMContentLoaded<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"nf\">function <\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"kd\">let<\/span> <span class=\"nx\">elementInput<\/span> <span class=\"o\">=<\/span> <span class=\"nb\">document<\/span><span class=\"p\">.<\/span><span class=\"nf\">getElementById<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">element-input<\/span><span class=\"dl\">'<\/span><span class=\"p\">);<\/span>\n        <span class=\"kd\">let<\/span> <span class=\"nx\">calculateBtn<\/span> <span class=\"o\">=<\/span> <span class=\"nb\">document<\/span><span class=\"p\">.<\/span><span class=\"nf\">getElementById<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">calculate-btn<\/span><span class=\"dl\">'<\/span><span class=\"p\">);<\/span>\n        <span class=\"kd\">let<\/span> <span class=\"nx\">calculatorOutput<\/span> <span class=\"o\">=<\/span> <span class=\"nb\">document<\/span><span class=\"p\">.<\/span><span class=\"nf\">getElementById<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">calculator-output<\/span><span class=\"dl\">'<\/span><span class=\"p\">);<\/span>\n\n        <span class=\"kd\">const<\/span> <span class=\"nx\">elementData<\/span> <span class=\"o\">=<\/span> <span class=\"p\">{<\/span>\n        <span class=\"dl\">\"<\/span><span class=\"s2\">H<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\n        <span class=\"dl\">\"<\/span><span class=\"s2\">Hfg_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"o\">-<\/span><span class=\"mf\">241.8<\/span><span class=\"p\">,<\/span>\n        <span class=\"dl\">\"<\/span><span class=\"s2\">Hfg_0K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"o\">-<\/span><span class=\"mf\">217.8<\/span><span class=\"p\">,<\/span>\n        <span class=\"dl\">\"<\/span><span class=\"s2\">Entropy_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">130.7<\/span><span class=\"p\">,<\/span>\n        <span class=\"dl\">\"<\/span><span class=\"s2\">Integrated_Heat_Capacity_0_to_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">25.7<\/span><span class=\"p\">,<\/span>\n        <span class=\"dl\">\"<\/span><span class=\"s2\">Heat_Capacity_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">28.8<\/span><span class=\"p\">,<\/span>\n        <span class=\"dl\">\"<\/span><span class=\"s2\">Electronic_Energy_Levels<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">[<\/span><span class=\"mf\">1216.5<\/span><span class=\"p\">,<\/span> <span class=\"mf\">1025.7<\/span><span class=\"p\">],<\/span>\n        <span class=\"dl\">\"<\/span><span class=\"s2\">Ionization_Energies<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">13.6<\/span><span class=\"p\">,<\/span>\n        <span class=\"dl\">\"<\/span><span class=\"s2\">Electron_Affinity<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">0.75<\/span>\n      <span class=\"p\">},<\/span>\n        <span class=\"dl\">\"<\/span><span class=\"s2\">He<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\n        <span class=\"dl\">\"<\/span><span class=\"s2\">Hfg_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mi\">0<\/span><span class=\"p\">,<\/span>\n        <span class=\"dl\">\"<\/span><span class=\"s2\">Hfg_0K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mi\">0<\/span><span class=\"p\">,<\/span>\n        <span class=\"dl\">\"<\/span><span class=\"s2\">Entropy_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">126.1<\/span><span class=\"p\">,<\/span>\n        <span class=\"dl\">\"<\/span><span class=\"s2\">Integrated_Heat_Capacity_0_to_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">20.8<\/span><span class=\"p\">,<\/span>\n        <span class=\"dl\">\"<\/span><span class=\"s2\">Heat_Capacity_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">20.8<\/span><span class=\"p\">,<\/span>\n        <span class=\"dl\">\"<\/span><span class=\"s2\">Electronic_Energy_Levels<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">[<\/span><span class=\"mi\">159850<\/span><span class=\"p\">,<\/span> <span class=\"mi\">169084<\/span><span class=\"p\">,<\/span> <span class=\"mi\">171133<\/span><span class=\"p\">],<\/span>\n        <span class=\"dl\">\"<\/span><span class=\"s2\">Ionization_Energies<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">24.6<\/span><span class=\"p\">,<\/span>\n        <span class=\"dl\">\"<\/span><span class=\"s2\">Electron_Affinity<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"o\">-<\/span><span class=\"mf\">0.08<\/span>\n        <span class=\"p\">},<\/span>\n          <span class=\"dl\">\"<\/span><span class=\"s2\">Li<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\n            <span class=\"dl\">\"<\/span><span class=\"s2\">Hfg_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">159.3<\/span><span class=\"p\">,<\/span>\n            <span class=\"dl\">\"<\/span><span class=\"s2\">Hfg_0K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">155.3<\/span><span class=\"p\">,<\/span>\n            <span class=\"dl\">\"<\/span><span class=\"s2\">Entropy_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">29.1<\/span><span class=\"p\">,<\/span>\n            <span class=\"dl\">\"<\/span><span class=\"s2\">Integrated_Heat_Capacity_0_to_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">22.8<\/span><span class=\"p\">,<\/span>\n            <span class=\"dl\">\"<\/span><span class=\"s2\">Heat_Capacity_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">24.8<\/span><span class=\"p\">,<\/span>\n            <span class=\"dl\">\"<\/span><span class=\"s2\">Electronic_Energy_Levels<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">[<\/span><span class=\"mi\">14908<\/span><span class=\"p\">,<\/span> <span class=\"mi\">17159<\/span><span class=\"p\">],<\/span>\n            <span class=\"dl\">\"<\/span><span class=\"s2\">Ionization_Energies<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">5.39<\/span><span class=\"p\">,<\/span>\n            <span class=\"dl\">\"<\/span><span class=\"s2\">Electron_Affinity<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">0.61<\/span>\n            <span class=\"p\">},<\/span>\n            <span class=\"dl\">\"<\/span><span class=\"s2\">Be<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\n                <span class=\"dl\">\"<\/span><span class=\"s2\">Hfg_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">324.3<\/span><span class=\"p\">,<\/span>\n                <span class=\"dl\">\"<\/span><span class=\"s2\">Hfg_0K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">315.3<\/span><span class=\"p\">,<\/span>\n                <span class=\"dl\">\"<\/span><span class=\"s2\">Entropy_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">9.5<\/span><span class=\"p\">,<\/span>\n                <span class=\"dl\">\"<\/span><span class=\"s2\">Integrated_Heat_Capacity_0_to_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">16.8<\/span><span class=\"p\">,<\/span>\n                <span class=\"dl\">\"<\/span><span class=\"s2\">Heat_Capacity_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">16.7<\/span><span class=\"p\">,<\/span>\n                <span class=\"dl\">\"<\/span><span class=\"s2\">Electronic_Energy_Levels<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">[<\/span><span class=\"mi\">21978<\/span><span class=\"p\">,<\/span> <span class=\"mi\">38178<\/span><span class=\"p\">],<\/span>\n                <span class=\"dl\">\"<\/span><span class=\"s2\">Ionization_Energies<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">9.32<\/span><span class=\"p\">,<\/span>\n                <span class=\"dl\">\"<\/span><span class=\"s2\">Electron_Affinity<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"o\">-<\/span><span class=\"mf\">0.20<\/span>\n            <span class=\"p\">},<\/span>\n              <span class=\"dl\">\"<\/span><span class=\"s2\">B<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\n                    <span class=\"dl\">\"<\/span><span class=\"s2\">Hfg_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mi\">565<\/span><span class=\"p\">,<\/span>\n                    <span class=\"dl\">\"<\/span><span class=\"s2\">Hfg_0K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">561.5<\/span><span class=\"p\">,<\/span>\n                    <span class=\"dl\">\"<\/span><span class=\"s2\">Entropy_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">5.9<\/span><span class=\"p\">,<\/span>\n                    <span class=\"dl\">\"<\/span><span class=\"s2\">Integrated_Heat_Capacity_0_to_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">11.1<\/span><span class=\"p\">,<\/span>\n                    <span class=\"dl\">\"<\/span><span class=\"s2\">Heat_Capacity_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">11.1<\/span><span class=\"p\">,<\/span>\n                    <span class=\"dl\">\"<\/span><span class=\"s2\">Electronic_Energy_Levels<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">[<\/span><span class=\"mi\">38144<\/span><span class=\"p\">,<\/span> <span class=\"mi\">38178<\/span><span class=\"p\">],<\/span>\n                    <span class=\"dl\">\"<\/span><span class=\"s2\">Ionization_Energies<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">8.30<\/span><span class=\"p\">,<\/span>\n                    <span class=\"dl\">\"<\/span><span class=\"s2\">Electron_Affinity<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">0.28<\/span>\n                <span class=\"p\">},<\/span>\n                 <span class=\"dl\">\"<\/span><span class=\"s2\">C<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\n                    <span class=\"dl\">\"<\/span><span class=\"s2\">Hfg_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">716.7<\/span><span class=\"p\">,<\/span>\n                    <span class=\"dl\">\"<\/span><span class=\"s2\">Hfg_0K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">711.2<\/span><span class=\"p\">,<\/span>\n                    <span class=\"dl\">\"<\/span><span class=\"s2\">Entropy_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">5.7<\/span><span class=\"p\">,<\/span>\n                    <span class=\"dl\">\"<\/span><span class=\"s2\">Integrated_Heat_Capacity_0_to_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">8.5<\/span><span class=\"p\">,<\/span>\n                    <span class=\"dl\">\"<\/span><span class=\"s2\">Heat_Capacity_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">8.5<\/span><span class=\"p\">,<\/span>\n                    <span class=\"dl\">\"<\/span><span class=\"s2\">Electronic_Energy_Levels<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">[<\/span><span class=\"mi\">10193<\/span><span class=\"p\">,<\/span> <span class=\"mi\">21648<\/span><span class=\"p\">],<\/span>\n                    <span class=\"dl\">\"<\/span><span class=\"s2\">Ionization_Energies<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">11.3<\/span><span class=\"p\">,<\/span>\n                    <span class=\"dl\">\"<\/span><span class=\"s2\">Electron_Affinity<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">1.26<\/span>\n                <span class=\"p\">},<\/span>\n                   <span class=\"dl\">\"<\/span><span class=\"s2\">N<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\n                    <span class=\"dl\">\"<\/span><span class=\"s2\">Hfg_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">472.7<\/span><span class=\"p\">,<\/span>\n                    <span class=\"dl\">\"<\/span><span class=\"s2\">Hfg_0K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">472.7<\/span><span class=\"p\">,<\/span>\n                    <span class=\"dl\">\"<\/span><span class=\"s2\">Entropy_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">153.3<\/span><span class=\"p\">,<\/span>\n                    <span class=\"dl\">\"<\/span><span class=\"s2\">Integrated_Heat_Capacity_0_to_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">29.1<\/span><span class=\"p\">,<\/span>\n                    <span class=\"dl\">\"<\/span><span class=\"s2\">Heat_Capacity_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">29.1<\/span><span class=\"p\">,<\/span>\n                    <span class=\"dl\">\"<\/span><span class=\"s2\">Electronic_Energy_Levels<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">[<\/span><span class=\"mi\">19233<\/span><span class=\"p\">,<\/span> <span class=\"mi\">28838<\/span><span class=\"p\">],<\/span>\n                    <span class=\"dl\">\"<\/span><span class=\"s2\">Ionization_Energies<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">14.5<\/span><span class=\"p\">,<\/span>\n                    <span class=\"dl\">\"<\/span><span class=\"s2\">Electron_Affinity<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"o\">-<\/span><span class=\"mf\">0.07<\/span>\n                 <span class=\"p\">},<\/span>\n                  <span class=\"dl\">\"<\/span><span class=\"s2\">O<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\n                    <span class=\"dl\">\"<\/span><span class=\"s2\">Hfg_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">249.2<\/span><span class=\"p\">,<\/span>\n                    <span class=\"dl\">\"<\/span><span class=\"s2\">Hfg_0K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">246.7<\/span><span class=\"p\">,<\/span>\n                    <span class=\"dl\">\"<\/span><span class=\"s2\">Entropy_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">161.1<\/span><span class=\"p\">,<\/span>\n                    <span class=\"dl\">\"<\/span><span class=\"s2\">Integrated_Heat_Capacity_0_to_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">29.4<\/span><span class=\"p\">,<\/span>\n                    <span class=\"dl\">\"<\/span><span class=\"s2\">Heat_Capacity_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">29.4<\/span><span class=\"p\">,<\/span>\n                    <span class=\"dl\">\"<\/span><span class=\"s2\">Electronic_Energy_Levels<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">[<\/span><span class=\"mi\">15867<\/span><span class=\"p\">,<\/span> <span class=\"mi\">22698<\/span><span class=\"p\">],<\/span>\n                    <span class=\"dl\">\"<\/span><span class=\"s2\">Ionization_Energies<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">13.6<\/span><span class=\"p\">,<\/span>\n                    <span class=\"dl\">\"<\/span><span class=\"s2\">Electron_Affinity<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">1.46<\/span>\n                  <span class=\"p\">},<\/span>\n                  <span class=\"dl\">\"<\/span><span class=\"s2\">F<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\n                    <span class=\"dl\">\"<\/span><span class=\"s2\">Hfg_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">79.4<\/span><span class=\"p\">,<\/span>\n                     <span class=\"dl\">\"<\/span><span class=\"s2\">Hfg_0K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">77.2<\/span><span class=\"p\">,<\/span>\n                    <span class=\"dl\">\"<\/span><span class=\"s2\">Entropy_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">158.8<\/span><span class=\"p\">,<\/span>\n                    <span class=\"dl\">\"<\/span><span class=\"s2\">Integrated_Heat_Capacity_0_to_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">30.2<\/span><span class=\"p\">,<\/span>\n                     <span class=\"dl\">\"<\/span><span class=\"s2\">Heat_Capacity_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">30.2<\/span><span class=\"p\">,<\/span>\n                     <span class=\"dl\">\"<\/span><span class=\"s2\">Electronic_Energy_Levels<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">[<\/span><span class=\"mi\">404<\/span><span class=\"p\">,<\/span> <span class=\"mi\">40889<\/span><span class=\"p\">],<\/span>\n                    <span class=\"dl\">\"<\/span><span class=\"s2\">Ionization_Energies<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">17.4<\/span><span class=\"p\">,<\/span>\n                     <span class=\"dl\">\"<\/span><span class=\"s2\">Electron_Affinity<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">3.40<\/span>\n                 <span class=\"p\">},<\/span>\n                  <span class=\"dl\">\"<\/span><span class=\"s2\">Ne<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\n                      <span class=\"dl\">\"<\/span><span class=\"s2\">Hfg_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mi\">0<\/span><span class=\"p\">,<\/span>\n                      <span class=\"dl\">\"<\/span><span class=\"s2\">Hfg_0K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mi\">0<\/span><span class=\"p\">,<\/span>\n                      <span class=\"dl\">\"<\/span><span class=\"s2\">Entropy_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">146.3<\/span><span class=\"p\">,<\/span>\n                      <span class=\"dl\">\"<\/span><span class=\"s2\">Integrated_Heat_Capacity_0_to_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">20.8<\/span><span class=\"p\">,<\/span>\n                      <span class=\"dl\">\"<\/span><span class=\"s2\">Heat_Capacity_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">20.8<\/span><span class=\"p\">,<\/span>\n                       <span class=\"dl\">\"<\/span><span class=\"s2\">Electronic_Energy_Levels<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">[<\/span><span class=\"mi\">134041<\/span><span class=\"p\">,<\/span> <span class=\"mi\">136541<\/span><span class=\"p\">,<\/span> <span class=\"mi\">138892<\/span><span class=\"p\">],<\/span>\n                      <span class=\"dl\">\"<\/span><span class=\"s2\">Ionization_Energies<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">21.6<\/span><span class=\"p\">,<\/span>\n                      <span class=\"dl\">\"<\/span><span class=\"s2\">Electron_Affinity<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"o\">-<\/span><span class=\"mf\">0.08<\/span>\n                  <span class=\"p\">},<\/span>\n                <span class=\"dl\">\"<\/span><span class=\"s2\">Na<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:{<\/span>\n                    <span class=\"dl\">\"<\/span><span class=\"s2\">Hfg_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">107.3<\/span><span class=\"p\">,<\/span>\n                     <span class=\"dl\">\"<\/span><span class=\"s2\">Hfg_0K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">107.7<\/span><span class=\"p\">,<\/span>\n                    <span class=\"dl\">\"<\/span><span class=\"s2\">Entropy_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">153.7<\/span><span class=\"p\">,<\/span>\n                    <span class=\"dl\">\"<\/span><span class=\"s2\">Integrated_Heat_Capacity_0_to_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">44.4<\/span><span class=\"p\">,<\/span>\n                     <span class=\"dl\">\"<\/span><span class=\"s2\">Heat_Capacity_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">44.4<\/span><span class=\"p\">,<\/span>\n                     <span class=\"dl\">\"<\/span><span class=\"s2\">Electronic_Energy_Levels<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">[<\/span><span class=\"mi\">16956<\/span><span class=\"p\">,<\/span> <span class=\"mi\">17293<\/span><span class=\"p\">],<\/span>\n                     <span class=\"dl\">\"<\/span><span class=\"s2\">Ionization_Energies<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">5.14<\/span><span class=\"p\">,<\/span>\n                    <span class=\"dl\">\"<\/span><span class=\"s2\">Electron_Affinity<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">0.54<\/span>\n                <span class=\"p\">},<\/span>\n              <span class=\"dl\">\"<\/span><span class=\"s2\">Mg<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:{<\/span>\n                <span class=\"dl\">\"<\/span><span class=\"s2\">Hfg_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">147.7<\/span><span class=\"p\">,<\/span>\n                <span class=\"dl\">\"<\/span><span class=\"s2\">Hfg_0K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">146.2<\/span><span class=\"p\">,<\/span>\n                <span class=\"dl\">\"<\/span><span class=\"s2\">Entropy_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">32.7<\/span><span class=\"p\">,<\/span>\n                <span class=\"dl\">\"<\/span><span class=\"s2\">Integrated_Heat_Capacity_0_to_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">24.9<\/span><span class=\"p\">,<\/span>\n                <span class=\"dl\">\"<\/span><span class=\"s2\">Heat_Capacity_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">24.9<\/span><span class=\"p\">,<\/span>\n                 <span class=\"dl\">\"<\/span><span class=\"s2\">Electronic_Energy_Levels<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">[<\/span><span class=\"mi\">24581<\/span><span class=\"p\">,<\/span> <span class=\"mi\">30994<\/span><span class=\"p\">],<\/span>\n                <span class=\"dl\">\"<\/span><span class=\"s2\">Ionization_Energies<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">7.65<\/span><span class=\"p\">,<\/span>\n                <span class=\"dl\">\"<\/span><span class=\"s2\">Electron_Affinity<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"o\">-<\/span><span class=\"mf\">0.30<\/span>\n            <span class=\"p\">},<\/span>\n            <span class=\"dl\">\"<\/span><span class=\"s2\">Al<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:{<\/span>\n                <span class=\"dl\">\"<\/span><span class=\"s2\">Hfg_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">324.3<\/span><span class=\"p\">,<\/span>\n                 <span class=\"dl\">\"<\/span><span class=\"s2\">Hfg_0K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">324.1<\/span><span class=\"p\">,<\/span>\n                <span class=\"dl\">\"<\/span><span class=\"s2\">Entropy_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">28.3<\/span><span class=\"p\">,<\/span>\n                 <span class=\"dl\">\"<\/span><span class=\"s2\">Integrated_Heat_Capacity_0_to_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">24.4<\/span><span class=\"p\">,<\/span>\n                  <span class=\"dl\">\"<\/span><span class=\"s2\">Heat_Capacity_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">24.4<\/span><span class=\"p\">,<\/span>\n                  <span class=\"dl\">\"<\/span><span class=\"s2\">Electronic_Energy_Levels<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">[<\/span><span class=\"mi\">25057<\/span><span class=\"p\">,<\/span> <span class=\"mi\">33951<\/span><span class=\"p\">],<\/span>\n                 <span class=\"dl\">\"<\/span><span class=\"s2\">Ionization_Energies<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">5.99<\/span><span class=\"p\">,<\/span>\n                  <span class=\"dl\">\"<\/span><span class=\"s2\">Electron_Affinity<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">0.43<\/span>\n              <span class=\"p\">},<\/span>\n              <span class=\"dl\">\"<\/span><span class=\"s2\">Si<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:{<\/span>\n                <span class=\"dl\">\"<\/span><span class=\"s2\">Hfg_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">450.0<\/span><span class=\"p\">,<\/span>\n                <span class=\"dl\">\"<\/span><span class=\"s2\">Hfg_0K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">447.6<\/span><span class=\"p\">,<\/span>\n                <span class=\"dl\">\"<\/span><span class=\"s2\">Entropy_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">18.8<\/span><span class=\"p\">,<\/span>\n                <span class=\"dl\">\"<\/span><span class=\"s2\">Integrated_Heat_Capacity_0_to_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">20.2<\/span><span class=\"p\">,<\/span>\n                 <span class=\"dl\">\"<\/span><span class=\"s2\">Heat_Capacity_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">20.2<\/span><span class=\"p\">,<\/span>\n                <span class=\"dl\">\"<\/span><span class=\"s2\">Electronic_Energy_Levels<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">[<\/span><span class=\"mi\">6209<\/span><span class=\"p\">,<\/span> <span class=\"mi\">14300<\/span><span class=\"p\">],<\/span>\n                 <span class=\"dl\">\"<\/span><span class=\"s2\">Ionization_Energies<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">8.15<\/span><span class=\"p\">,<\/span>\n                 <span class=\"dl\">\"<\/span><span class=\"s2\">Electron_Affinity<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">1.39<\/span>\n               <span class=\"p\">},<\/span>\n                <span class=\"dl\">\"<\/span><span class=\"s2\">P<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:{<\/span>\n                    <span class=\"dl\">\"<\/span><span class=\"s2\">Hfg_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">314.6<\/span><span class=\"p\">,<\/span>\n                    <span class=\"dl\">\"<\/span><span class=\"s2\">Hfg_0K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">314.6<\/span><span class=\"p\">,<\/span>\n                    <span class=\"dl\">\"<\/span><span class=\"s2\">Entropy_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">163.2<\/span><span class=\"p\">,<\/span>\n                    <span class=\"dl\">\"<\/span><span class=\"s2\">Integrated_Heat_Capacity_0_to_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">27.3<\/span><span class=\"p\">,<\/span>\n                     <span class=\"dl\">\"<\/span><span class=\"s2\">Heat_Capacity_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">27.3<\/span><span class=\"p\">,<\/span>\n                      <span class=\"dl\">\"<\/span><span class=\"s2\">Electronic_Energy_Levels<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">[<\/span><span class=\"mi\">11828<\/span><span class=\"p\">,<\/span> <span class=\"mi\">19553<\/span><span class=\"p\">],<\/span>\n                     <span class=\"dl\">\"<\/span><span class=\"s2\">Ionization_Energies<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">10.5<\/span><span class=\"p\">,<\/span>\n                      <span class=\"dl\">\"<\/span><span class=\"s2\">Electron_Affinity<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">0.75<\/span>\n                  <span class=\"p\">},<\/span>\n                <span class=\"dl\">\"<\/span><span class=\"s2\">S<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:{<\/span>\n                     <span class=\"dl\">\"<\/span><span class=\"s2\">Hfg_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">278.3<\/span><span class=\"p\">,<\/span>\n                     <span class=\"dl\">\"<\/span><span class=\"s2\">Hfg_0K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">275.2<\/span><span class=\"p\">,<\/span>\n                     <span class=\"dl\">\"<\/span><span class=\"s2\">Entropy_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">167.7<\/span><span class=\"p\">,<\/span>\n                    <span class=\"dl\">\"<\/span><span class=\"s2\">Integrated_Heat_Capacity_0_to_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">29.2<\/span><span class=\"p\">,<\/span>\n                     <span class=\"dl\">\"<\/span><span class=\"s2\">Heat_Capacity_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">29.2<\/span><span class=\"p\">,<\/span>\n                     <span class=\"dl\">\"<\/span><span class=\"s2\">Electronic_Energy_Levels<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">[<\/span><span class=\"mi\">21394<\/span><span class=\"p\">,<\/span> <span class=\"mi\">29394<\/span><span class=\"p\">],<\/span>\n                     <span class=\"dl\">\"<\/span><span class=\"s2\">Ionization_Energies<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">10.4<\/span><span class=\"p\">,<\/span>\n                      <span class=\"dl\">\"<\/span><span class=\"s2\">Electron_Affinity<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">2.08<\/span>\n                  <span class=\"p\">},<\/span>\n                  <span class=\"dl\">\"<\/span><span class=\"s2\">Cl<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:{<\/span>\n                     <span class=\"dl\">\"<\/span><span class=\"s2\">Hfg_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">121.3<\/span><span class=\"p\">,<\/span>\n                     <span class=\"dl\">\"<\/span><span class=\"s2\">Hfg_0K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">119.1<\/span><span class=\"p\">,<\/span>\n                     <span class=\"dl\">\"<\/span><span class=\"s2\">Entropy_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">165.2<\/span><span class=\"p\">,<\/span>\n                     <span class=\"dl\">\"<\/span><span class=\"s2\">Integrated_Heat_Capacity_0_to_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">33.3<\/span><span class=\"p\">,<\/span>\n                     <span class=\"dl\">\"<\/span><span class=\"s2\">Heat_Capacity_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">33.3<\/span><span class=\"p\">,<\/span>\n                       <span class=\"dl\">\"<\/span><span class=\"s2\">Electronic_Energy_Levels<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">[<\/span><span class=\"mi\">882<\/span><span class=\"p\">,<\/span> <span class=\"mi\">8823<\/span><span class=\"p\">],<\/span>\n                      <span class=\"dl\">\"<\/span><span class=\"s2\">Ionization_Energies<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">13.0<\/span><span class=\"p\">,<\/span>\n                       <span class=\"dl\">\"<\/span><span class=\"s2\">Electron_Affinity<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">3.62<\/span>\n                  <span class=\"p\">},<\/span>\n                 <span class=\"dl\">\"<\/span><span class=\"s2\">Ar<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\n                      <span class=\"dl\">\"<\/span><span class=\"s2\">Hfg_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mi\">0<\/span><span class=\"p\">,<\/span>\n                      <span class=\"dl\">\"<\/span><span class=\"s2\">Hfg_0K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mi\">0<\/span><span class=\"p\">,<\/span>\n                     <span class=\"dl\">\"<\/span><span class=\"s2\">Entropy_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">154.8<\/span><span class=\"p\">,<\/span>\n                      <span class=\"dl\">\"<\/span><span class=\"s2\">Integrated_Heat_Capacity_0_to_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">20.8<\/span><span class=\"p\">,<\/span>\n                      <span class=\"dl\">\"<\/span><span class=\"s2\">Heat_Capacity_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">20.8<\/span><span class=\"p\">,<\/span>\n                     <span class=\"dl\">\"<\/span><span class=\"s2\">Electronic_Energy_Levels<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">[<\/span><span class=\"mi\">93144<\/span><span class=\"p\">,<\/span> <span class=\"mi\">93751<\/span><span class=\"p\">,<\/span> <span class=\"mi\">95282<\/span><span class=\"p\">],<\/span>\n                     <span class=\"dl\">\"<\/span><span class=\"s2\">Ionization_Energies<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">15.8<\/span><span class=\"p\">,<\/span>\n                      <span class=\"dl\">\"<\/span><span class=\"s2\">Electron_Affinity<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"o\">-<\/span><span class=\"mf\">0.08<\/span>\n                  <span class=\"p\">},<\/span>\n                  <span class=\"dl\">\"<\/span><span class=\"s2\">K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:{<\/span>\n                    <span class=\"dl\">\"<\/span><span class=\"s2\">Hfg_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">89.2<\/span><span class=\"p\">,<\/span>\n                     <span class=\"dl\">\"<\/span><span class=\"s2\">Hfg_0K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">89.2<\/span><span class=\"p\">,<\/span>\n                      <span class=\"dl\">\"<\/span><span class=\"s2\">Entropy_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">160.3<\/span><span class=\"p\">,<\/span>\n                       <span class=\"dl\">\"<\/span><span class=\"s2\">Integrated_Heat_Capacity_0_to_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">46.2<\/span><span class=\"p\">,<\/span>\n                      <span class=\"dl\">\"<\/span><span class=\"s2\">Heat_Capacity_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">46.2<\/span><span class=\"p\">,<\/span>\n                     <span class=\"dl\">\"<\/span><span class=\"s2\">Electronic_Energy_Levels<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">[<\/span><span class=\"mi\">12985<\/span><span class=\"p\">,<\/span> <span class=\"mi\">13042<\/span><span class=\"p\">],<\/span>\n                      <span class=\"dl\">\"<\/span><span class=\"s2\">Ionization_Energies<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">4.34<\/span><span class=\"p\">,<\/span>\n                     <span class=\"dl\">\"<\/span><span class=\"s2\">Electron_Affinity<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">0.50<\/span>\n                   <span class=\"p\">},<\/span>\n                  <span class=\"dl\">\"<\/span><span class=\"s2\">Ca<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:{<\/span>\n                      <span class=\"dl\">\"<\/span><span class=\"s2\">Hfg_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">178.2<\/span><span class=\"p\">,<\/span>\n                       <span class=\"dl\">\"<\/span><span class=\"s2\">Hfg_0K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">177.3<\/span><span class=\"p\">,<\/span>\n                       <span class=\"dl\">\"<\/span><span class=\"s2\">Entropy_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">41.6<\/span><span class=\"p\">,<\/span>\n                      <span class=\"dl\">\"<\/span><span class=\"s2\">Integrated_Heat_Capacity_0_to_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">25.9<\/span><span class=\"p\">,<\/span>\n                      <span class=\"dl\">\"<\/span><span class=\"s2\">Heat_Capacity_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">25.9<\/span><span class=\"p\">,<\/span>\n                      <span class=\"dl\">\"<\/span><span class=\"s2\">Electronic_Energy_Levels<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">[<\/span><span class=\"mi\">15315<\/span><span class=\"p\">,<\/span> <span class=\"mi\">23652<\/span><span class=\"p\">],<\/span>\n                     <span class=\"dl\">\"<\/span><span class=\"s2\">Ionization_Energies<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">6.11<\/span><span class=\"p\">,<\/span>\n                       <span class=\"dl\">\"<\/span><span class=\"s2\">Electron_Affinity<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"o\">-<\/span><span class=\"mf\">0.02<\/span>\n                  <span class=\"p\">},<\/span>\n                  <span class=\"dl\">\"<\/span><span class=\"s2\">Sc<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:{<\/span>\n                      <span class=\"dl\">\"<\/span><span class=\"s2\">Hfg_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mi\">0<\/span><span class=\"p\">,<\/span>\n                       <span class=\"dl\">\"<\/span><span class=\"s2\">Hfg_0K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mi\">0<\/span><span class=\"p\">,<\/span>\n                       <span class=\"dl\">\"<\/span><span class=\"s2\">Entropy_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">33.2<\/span><span class=\"p\">,<\/span>\n                      <span class=\"dl\">\"<\/span><span class=\"s2\">Integrated_Heat_Capacity_0_to_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">3.80<\/span><span class=\"p\">,<\/span>\n                      <span class=\"dl\">\"<\/span><span class=\"s2\">Heat_Capacity_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">25.52<\/span><span class=\"p\">,<\/span>\n                      <span class=\"dl\">\"<\/span><span class=\"s2\">Electronic_Energy_Levels<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">[<\/span><span class=\"mi\">0<\/span><span class=\"p\">,<\/span> <span class=\"mf\">11519.99<\/span><span class=\"p\">],<\/span>\n                     <span class=\"dl\">\"<\/span><span class=\"s2\">Ionization_Energies<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">6.561<\/span><span class=\"p\">,<\/span>\n                       <span class=\"dl\">\"<\/span><span class=\"s2\">Electron_Affinity<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">0.189<\/span>\n                  <span class=\"p\">},<\/span>\n                  <span class=\"dl\">\"<\/span><span class=\"s2\">Ti<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:{<\/span>\n                      <span class=\"dl\">\"<\/span><span class=\"s2\">Hfg_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">473.00<\/span><span class=\"p\">,<\/span>\n                       <span class=\"dl\">\"<\/span><span class=\"s2\">Hfg_0K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">470.00<\/span> <span class=\"p\">,<\/span>\n                       <span class=\"dl\">\"<\/span><span class=\"s2\">Entropy_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">180.30<\/span><span class=\"p\">,<\/span>\n                      <span class=\"dl\">\"<\/span><span class=\"s2\">Integrated_Heat_Capacity_0_to_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">7.54<\/span><span class=\"p\">,<\/span>\n                      <span class=\"dl\">\"<\/span><span class=\"s2\">Heat_Capacity_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">24.43<\/span><span class=\"p\">,<\/span>\n                      <span class=\"dl\">\"<\/span><span class=\"s2\">Electronic_Energy_Levels<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">[<\/span><span class=\"mi\">0<\/span><span class=\"p\">,<\/span> <span class=\"mf\">170.132<\/span><span class=\"p\">,<\/span> <span class=\"mf\">386.874<\/span><span class=\"p\">,<\/span> <span class=\"mf\">6556.833<\/span><span class=\"p\">,<\/span> <span class=\"mf\">6598.765<\/span><span class=\"p\">,<\/span> <span class=\"mf\">6661.006<\/span><span class=\"p\">,<\/span> <span class=\"mf\">6742.756<\/span><span class=\"p\">,<\/span> <span class=\"mf\">6842.962<\/span><span class=\"p\">,<\/span> <span class=\"mf\">7255.355<\/span><span class=\"p\">,<\/span> <span class=\"mf\">8436.618<\/span><span class=\"p\">,<\/span> <span class=\"mf\">8492.421<\/span><span class=\"p\">,<\/span> <span class=\"mf\">8602.34<\/span><span class=\"p\">],<\/span>\n                     <span class=\"dl\">\"<\/span><span class=\"s2\">Ionization_Energies<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">6.828<\/span><span class=\"p\">,<\/span>\n                       <span class=\"dl\">\"<\/span><span class=\"s2\">Electron_Affinity<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">0.087<\/span>\n                  <span class=\"p\">},<\/span>\n                  <span class=\"dl\">\"<\/span><span class=\"s2\">Ti<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:{<\/span>\n                      <span class=\"dl\">\"<\/span><span class=\"s2\">Hfg_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">473.00<\/span><span class=\"p\">,<\/span>\n                       <span class=\"dl\">\"<\/span><span class=\"s2\">Hfg_0K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">470.00<\/span> <span class=\"p\">,<\/span>\n                       <span class=\"dl\">\"<\/span><span class=\"s2\">Entropy_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">180.30<\/span><span class=\"p\">,<\/span>\n                      <span class=\"dl\">\"<\/span><span class=\"s2\">Integrated_Heat_Capacity_0_to_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">7.54<\/span><span class=\"p\">,<\/span>\n                      <span class=\"dl\">\"<\/span><span class=\"s2\">Heat_Capacity_298_15K<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">24.43<\/span><span class=\"p\">,<\/span>\n                      <span class=\"dl\">\"<\/span><span class=\"s2\">Electronic_Energy_Levels<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">[<\/span><span class=\"mi\">0<\/span><span class=\"p\">,<\/span> <span class=\"mf\">170.132<\/span><span class=\"p\">,<\/span> <span class=\"mf\">386.874<\/span><span class=\"p\">,<\/span> <span class=\"mf\">6556.833<\/span><span class=\"p\">,<\/span> <span class=\"mf\">6598.765<\/span><span class=\"p\">,<\/span> <span class=\"mf\">6661.006<\/span><span class=\"p\">,<\/span> <span class=\"mf\">6742.756<\/span><span class=\"p\">,<\/span> <span class=\"mf\">6842.962<\/span><span class=\"p\">,<\/span> <span class=\"mf\">7255.355<\/span><span class=\"p\">,<\/span> <span class=\"mf\">8436.618<\/span><span class=\"p\">,<\/span> <span class=\"mf\">8492.421<\/span><span class=\"p\">,<\/span> <span class=\"mf\">8602.34<\/span><span class=\"p\">],<\/span>\n                     <span class=\"dl\">\"<\/span><span class=\"s2\">Ionization_Energies<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">6.828<\/span><span class=\"p\">,<\/span>\n                       <span class=\"dl\">\"<\/span><span class=\"s2\">Electron_Affinity<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"mf\">0.087<\/span>\n                  <span class=\"p\">},<\/span>\n        <span class=\"p\">};<\/span>\n\n\n        <span class=\"nx\">calculateBtn<\/span><span class=\"p\">.<\/span><span class=\"nf\">addEventListener<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">click<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"kd\">function<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n            <span class=\"kd\">let<\/span> <span class=\"nx\">selectedElement<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">elementInput<\/span><span class=\"p\">.<\/span><span class=\"nx\">value<\/span><span class=\"p\">.<\/span><span class=\"nf\">trim<\/span><span class=\"p\">();<\/span>\n            <span class=\"k\">if <\/span><span class=\"p\">(<\/span><span class=\"o\">!<\/span><span class=\"nx\">selectedElement<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n                <span class=\"nf\">alert<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">Please enter an element symbol.<\/span><span class=\"dl\">'<\/span><span class=\"p\">);<\/span>\n                <span class=\"k\">return<\/span><span class=\"p\">;<\/span>\n            <span class=\"p\">}<\/span>\n\n            <span class=\"kd\">let<\/span> <span class=\"nx\">normalizedElement<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">selectedElement<\/span><span class=\"p\">.<\/span><span class=\"nf\">charAt<\/span><span class=\"p\">(<\/span><span class=\"mi\">0<\/span><span class=\"p\">).<\/span><span class=\"nf\">toUpperCase<\/span><span class=\"p\">()<\/span> <span class=\"o\">+<\/span> <span class=\"nx\">selectedElement<\/span><span class=\"p\">.<\/span><span class=\"nf\">slice<\/span><span class=\"p\">(<\/span><span class=\"mi\">1<\/span><span class=\"p\">).<\/span><span class=\"nf\">toLowerCase<\/span><span class=\"p\">();<\/span>\n            <span class=\"nx\">calculatorOutput<\/span><span class=\"p\">.<\/span><span class=\"nx\">innerHTML<\/span> <span class=\"o\">=<\/span> <span class=\"dl\">'<\/span><span class=\"s1\"\/><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n             <span class=\"kd\">let<\/span> <span class=\"nx\">loadingSpinner<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">calculatorOutput<\/span><span class=\"p\">.<\/span><span class=\"nf\">querySelector<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">.loading-spinner<\/span><span class=\"dl\">'<\/span><span class=\"p\">);<\/span>\n\n            <span class=\"c1\">\/\/ Simulate loading with spinner animation for 0.8 seconds<\/span>\n            <span class=\"nx\">loadingSpinner<\/span><span class=\"p\">.<\/span><span class=\"nx\">style<\/span><span class=\"p\">.<\/span><span class=\"nx\">display<\/span> <span class=\"o\">=<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">block<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n            <span class=\"nf\">setTimeout<\/span><span class=\"p\">(()<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"p\">{<\/span>\n                <span class=\"kd\">const<\/span> <span class=\"nx\">data<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">elementData<\/span><span class=\"p\">[<\/span><span class=\"nx\">normalizedElement<\/span><span class=\"p\">];<\/span>\n                <span class=\"k\">if <\/span><span class=\"p\">(<\/span><span class=\"nx\">data<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n                    <span class=\"kd\">const<\/span> <span class=\"nx\">tableHTML<\/span> <span class=\"o\">=<\/span> <span class=\"nf\">generateTable<\/span><span class=\"p\">(<\/span><span class=\"nx\">data<\/span><span class=\"p\">);<\/span>\n                    <span class=\"nx\">calculatorOutput<\/span><span class=\"p\">.<\/span><span class=\"nx\">innerHTML<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">tableHTML<\/span><span class=\"p\">;<\/span>\n                <span class=\"p\">}<\/span> <span class=\"k\">else<\/span> <span class=\"p\">{<\/span>\n                    <span class=\"nx\">calculatorOutput<\/span><span class=\"p\">.<\/span><span class=\"nx\">innerHTML<\/span> <span class=\"o\">=<\/span> <span class=\"dl\">'<\/span><span class=\"s1\"><p> Compute Error. Timed Out <\/p><\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n                <span class=\"p\">}<\/span>\n                <span class=\"p\">},<\/span> <span class=\"mi\">800<\/span><span class=\"p\">);<\/span>\n        <span class=\"p\">});<\/span>\n\n        <span class=\"kd\">function<\/span> <span class=\"nf\">generateTable<\/span><span class=\"p\">(<\/span><span class=\"nx\">data<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n            <span class=\"kd\">let<\/span> <span class=\"nx\">tableHTML<\/span> <span class=\"o\">=<\/span> <span class=\"dl\">'<\/span><span class=\"s1\"\/><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n            <span class=\"k\">return<\/span> <span class=\"nx\">tableHTML<\/span><span class=\"p\">;<\/span>\n        <span class=\"p\">}<\/span>\n    <span class=\"p\">});<\/span>\n    <span class=\"nt\"\/>\n    <span class=\"nt\"><script\/><\/span>\n        <span class=\"nb\">document<\/span><span class=\"p\">.<\/span><span class=\"nf\">addEventListener<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">DOMContentLoaded<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"nf\">function <\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"kd\">let<\/span> <span class=\"nx\">moleculeInput<\/span> <span class=\"o\">=<\/span> <span class=\"nb\">document<\/span><span class=\"p\">.<\/span><span class=\"nf\">getElementById<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">molecule-input<\/span><span class=\"dl\">'<\/span><span class=\"p\">);<\/span>\n        <span class=\"kd\">let<\/span> <span class=\"nx\">calculateBtn<\/span> <span class=\"o\">=<\/span> <span class=\"nb\">document<\/span><span class=\"p\">.<\/span><span class=\"nf\">getElementById<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">calculate-btn-56<\/span><span class=\"dl\">'<\/span><span class=\"p\">);<\/span>\n        <span class=\"kd\">let<\/span> <span class=\"nx\">calculatorOutput<\/span> <span class=\"o\">=<\/span> <span class=\"nb\">document<\/span><span class=\"p\">.<\/span><span class=\"nf\">getElementById<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">calculator-output-56<\/span><span class=\"dl\">'<\/span><span class=\"p\">);<\/span>\n\n        <span class=\"kd\">const<\/span> <span class=\"nx\">covalentRadii<\/span> <span class=\"o\">=<\/span> <span class=\"p\">{<\/span>\n            <span class=\"dl\">'<\/span><span class=\"s1\">H<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">31<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">He<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">28<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Li<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">128<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Be<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">96<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">B<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">84<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">C<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">73<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">N<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">71<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">O<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">66<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">F<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">57<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Ne<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">58<\/span><span class=\"p\">,<\/span>\n            <span class=\"dl\">'<\/span><span class=\"s1\">Na<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">166<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Mg<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">141<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Al<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">121<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Si<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">111<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">P<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">107<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">S<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">105<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Cl<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">102<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Ar<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">106<\/span><span class=\"p\">,<\/span>\n            <span class=\"dl\">'<\/span><span class=\"s1\">K<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">203<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Ca<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">176<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Sc<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">170<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Ti<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">160<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">V<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">153<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Cr<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">139<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Mn<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">139<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Fe<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">132<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Co<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">126<\/span><span class=\"p\">,<\/span>\n            <span class=\"dl\">'<\/span><span class=\"s1\">Ni<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">124<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Cu<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">132<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Zn<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">122<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Ga<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">122<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Ge<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">120<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">As<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">119<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Se<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">120<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Br<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">120<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Kr<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">116<\/span><span class=\"p\">,<\/span>\n            <span class=\"dl\">'<\/span><span class=\"s1\">Rb<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">220<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Sr<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">195<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Y<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">190<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Zr<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">175<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Nb<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">164<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Mo<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">154<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Tc<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">147<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Ru<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">146<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Rh<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">142<\/span><span class=\"p\">,<\/span>\n            <span class=\"dl\">'<\/span><span class=\"s1\">Pd<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">139<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Ag<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">145<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Cd<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">144<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">In<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">142<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Sn<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">139<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Sb<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">139<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Te<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">138<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">I<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">139<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Xe<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">140<\/span><span class=\"p\">,<\/span>\n            <span class=\"dl\">'<\/span><span class=\"s1\">Cs<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">244<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Ba<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">215<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">La<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">207<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Ce<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">204<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Pr<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">203<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Nd<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">201<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Pm<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">199<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Sm<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">198<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Eu<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">198<\/span><span class=\"p\">,<\/span>\n            <span class=\"dl\">'<\/span><span class=\"s1\">Gd<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">196<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Tb<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">194<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Dy<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">192<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Ho<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">192<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Er<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">189<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Tm<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">190<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Yb<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">187<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Lu<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">187<\/span><span class=\"p\">,<\/span>\n            <span class=\"dl\">'<\/span><span class=\"s1\">Hf<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">175<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Ta<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">170<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">W<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">162<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Re<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">151<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Os<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">144<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Ir<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">141<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Pt<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">138<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Au<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">138<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Hg<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">149<\/span><span class=\"p\">,<\/span>\n            <span class=\"dl\">'<\/span><span class=\"s1\">Tl<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">148<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Pb<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">146<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Bi<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">148<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Po<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">140<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">At<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">150<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Rn<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mi\">145<\/span>\n        <span class=\"p\">};<\/span>\n\n        <span class=\"kd\">const<\/span> <span class=\"nx\">electronegativity<\/span> <span class=\"o\">=<\/span> <span class=\"p\">{<\/span>\n            <span class=\"dl\">'<\/span><span class=\"s1\">H<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">2.20<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Li<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">0.98<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Be<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">1.57<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">B<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">2.04<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">C<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">2.55<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">N<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">3.04<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">O<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">3.44<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">F<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">3.98<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Na<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">0.93<\/span><span class=\"p\">,<\/span>\n            <span class=\"dl\">'<\/span><span class=\"s1\">Mg<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">1.31<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Al<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">1.61<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Si<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">1.90<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">P<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">2.19<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">S<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">2.58<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Cl<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">3.16<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">K<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">0.82<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Ca<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">1.00<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Sc<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">1.36<\/span><span class=\"p\">,<\/span>\n            <span class=\"dl\">'<\/span><span class=\"s1\">Ti<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">1.54<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">V<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">1.63<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Cr<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">1.66<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Mn<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">1.55<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Fe<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">1.83<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Co<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">1.88<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Ni<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">1.91<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Cu<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">1.90<\/span><span class=\"p\">,<\/span>\n            <span class=\"dl\">'<\/span><span class=\"s1\">Zn<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">1.65<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Ga<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">1.81<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Ge<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">2.01<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">As<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">2.18<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Se<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">2.55<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Br<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">2.96<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Rb<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">0.82<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Sr<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">0.95<\/span><span class=\"p\">,<\/span>\n            <span class=\"dl\">'<\/span><span class=\"s1\">Y<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">1.22<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Zr<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">1.33<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Nb<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">1.60<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Mo<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">2.16<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Tc<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">1.90<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Ru<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">2.20<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Rh<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">2.28<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Pd<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">2.20<\/span><span class=\"p\">,<\/span>\n            <span class=\"dl\">'<\/span><span class=\"s1\">Ag<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">1.93<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Cd<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">1.69<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">In<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">1.78<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Sn<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">1.96<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Sb<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">2.05<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Te<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">2.10<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">I<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">2.66<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Cs<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">0.79<\/span><span class=\"p\">,<\/span>\n            <span class=\"dl\">'<\/span><span class=\"s1\">Ba<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">0.89<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">La<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">1.10<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Ce<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">1.12<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Pr<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">1.13<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Nd<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">1.14<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Pm<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">1.13<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Sm<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">1.17<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Eu<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">1.20<\/span><span class=\"p\">,<\/span>\n            <span class=\"dl\">'<\/span><span class=\"s1\">Gd<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">1.20<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Tb<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">1.20<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Dy<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">1.22<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Ho<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">1.23<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Er<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">1.24<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Tm<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">1.25<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Yb<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">1.1<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Lu<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">1.27<\/span><span class=\"p\">,<\/span>\n             <span class=\"dl\">'<\/span><span class=\"s1\">Hf<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">1.3<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Ta<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">1.5<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">W<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">2.36<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Re<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">1.9<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Os<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">2.2<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Ir<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">2.2<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Pt<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">2.28<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Au<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">2.54<\/span><span class=\"p\">,<\/span>\n            <span class=\"dl\">'<\/span><span class=\"s1\">Hg<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">2.00<\/span><span class=\"p\">,<\/span>  <span class=\"dl\">'<\/span><span class=\"s1\">Tl<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">1.62<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Pb<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">2.33<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Bi<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">2.02<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Po<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">2.0<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">At<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">2.0<\/span> <span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Rn<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"mf\">2.2<\/span>\n        <span class=\"p\">};<\/span>\n\n        <span class=\"kd\">function<\/span> <span class=\"nf\">parseMolecule<\/span><span class=\"p\">(<\/span><span class=\"nx\">formula<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n            <span class=\"kd\">const<\/span> <span class=\"nx\">regex<\/span> <span class=\"o\">=<\/span> <span class=\"sr\">\/<\/span><span class=\"se\">([<\/span><span class=\"sr\">A-Z<\/span><span class=\"se\">][<\/span><span class=\"sr\">a-z<\/span><span class=\"se\">]<\/span><span class=\"sr\">*<\/span><span class=\"se\">)(\\d<\/span><span class=\"sr\">*<\/span><span class=\"se\">)<\/span><span class=\"sr\">\/g<\/span><span class=\"p\">;<\/span>\n            <span class=\"kd\">let<\/span> <span class=\"nx\">match<\/span><span class=\"p\">;<\/span>\n            <span class=\"kd\">const<\/span> <span class=\"nx\">elements<\/span> <span class=\"o\">=<\/span> <span class=\"p\">{};<\/span>\n            <span class=\"k\">while <\/span><span class=\"p\">((<\/span><span class=\"nx\">match<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">regex<\/span><span class=\"p\">.<\/span><span class=\"nf\">exec<\/span><span class=\"p\">(<\/span><span class=\"nx\">formula<\/span><span class=\"p\">))<\/span> <span class=\"o\">!==<\/span> <span class=\"kc\">null<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n                <span class=\"kd\">const<\/span> <span class=\"nx\">element<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">match<\/span><span class=\"p\">[<\/span><span class=\"mi\">1<\/span><span class=\"p\">];<\/span>\n                <span class=\"kd\">const<\/span> <span class=\"nx\">count<\/span> <span class=\"o\">=<\/span> <span class=\"nf\">parseInt<\/span><span class=\"p\">(<\/span><span class=\"nx\">match<\/span><span class=\"p\">[<\/span><span class=\"mi\">2<\/span><span class=\"p\">]<\/span> <span class=\"o\">||<\/span> <span class=\"mi\">1<\/span><span class=\"p\">,<\/span> <span class=\"mi\">10<\/span><span class=\"p\">);<\/span>\n                <span class=\"nx\">elements<\/span><span class=\"p\">[<\/span><span class=\"nx\">element<\/span><span class=\"p\">]<\/span> <span class=\"o\">=<\/span> <span class=\"p\">(<\/span><span class=\"nx\">elements<\/span><span class=\"p\">[<\/span><span class=\"nx\">element<\/span><span class=\"p\">]<\/span> <span class=\"o\">||<\/span> <span class=\"mi\">0<\/span><span class=\"p\">)<\/span> <span class=\"o\">+<\/span> <span class=\"nx\">count<\/span><span class=\"p\">;<\/span>\n            <span class=\"p\">}<\/span>\n            <span class=\"k\">return<\/span> <span class=\"nx\">elements<\/span><span class=\"p\">;<\/span>\n        <span class=\"p\">}<\/span>\n\n\n        <span class=\"kd\">function<\/span> <span class=\"nf\">calculateBondLengths<\/span><span class=\"p\">(<\/span><span class=\"nx\">molecule<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n             <span class=\"kd\">const<\/span> <span class=\"nx\">elements<\/span> <span class=\"o\">=<\/span> <span class=\"nf\">parseMolecule<\/span><span class=\"p\">(<\/span><span class=\"nx\">molecule<\/span><span class=\"p\">);<\/span>\n            <span class=\"kd\">const<\/span> <span class=\"nx\">elementSymbols<\/span> <span class=\"o\">=<\/span> <span class=\"nb\">Object<\/span><span class=\"p\">.<\/span><span class=\"nf\">keys<\/span><span class=\"p\">(<\/span><span class=\"nx\">elements<\/span><span class=\"p\">);<\/span>\n            <span class=\"kd\">const<\/span> <span class=\"nx\">results<\/span> <span class=\"o\">=<\/span> <span class=\"p\">[];<\/span>\n            <span class=\"kd\">const<\/span> <span class=\"nx\">bonds<\/span> <span class=\"o\">=<\/span> <span class=\"p\">[];<\/span>\n            <span class=\"kd\">const<\/span> <span class=\"nx\">radiiInfo<\/span> <span class=\"o\">=<\/span> <span class=\"p\">[];<\/span>\n\n            <span class=\"c1\">\/\/First add the covalent radii of the different atoms to the result.<\/span>\n            <span class=\"k\">for <\/span><span class=\"p\">(<\/span><span class=\"kd\">const<\/span> <span class=\"nx\">element<\/span> <span class=\"k\">of<\/span> <span class=\"nx\">elementSymbols<\/span><span class=\"p\">)<\/span>\n            <span class=\"p\">{<\/span>\n              <span class=\"k\">if <\/span><span class=\"p\">(<\/span><span class=\"nx\">covalentRadii<\/span><span class=\"p\">[<\/span><span class=\"nx\">element<\/span><span class=\"p\">])<\/span>\n                 <span class=\"p\">{<\/span>\n                     <span class=\"nx\">radiiInfo<\/span><span class=\"p\">.<\/span><span class=\"nf\">push<\/span><span class=\"p\">({<\/span>\n                        <span class=\"na\">element<\/span> <span class=\"p\">:<\/span> <span class=\"nx\">element<\/span><span class=\"p\">,<\/span>\n                         <span class=\"na\">radius<\/span> <span class=\"p\">:<\/span> <span class=\"nx\">covalentRadii<\/span><span class=\"p\">[<\/span><span class=\"nx\">element<\/span><span class=\"p\">]<\/span>\n                    <span class=\"p\">})<\/span>\n                <span class=\"p\">}<\/span>\n            <span class=\"p\">}<\/span>\n\n\n            <span class=\"k\">for<\/span> <span class=\"p\">(<\/span><span class=\"kd\">let<\/span> <span class=\"nx\">i<\/span> <span class=\"o\">=<\/span> <span class=\"mi\">0<\/span><span class=\"p\">;<\/span> <span class=\"nx\">i<\/span> <span class=\"o\">&lt;<\/span> <span class=\"nx\">elementSymbols<\/span><span class=\"p\">.<\/span><span class=\"nx\">length<\/span><span class=\"p\">;<\/span> <span class=\"nx\">i<\/span><span class=\"o\">++<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n                 <span class=\"k\">for<\/span> <span class=\"p\">(<\/span><span class=\"kd\">let<\/span> <span class=\"nx\">j<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">i<\/span> <span class=\"o\">+<\/span> <span class=\"mi\">1<\/span><span class=\"p\">;<\/span> <span class=\"nx\">j<\/span> <span class=\"o\">&lt;<\/span> <span class=\"nx\">elementSymbols<\/span><span class=\"p\">.<\/span><span class=\"nx\">length<\/span><span class=\"p\">;<\/span> <span class=\"nx\">j<\/span><span class=\"o\">++<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n                    <span class=\"kd\">const<\/span> <span class=\"nx\">elementA<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">elementSymbols<\/span><span class=\"p\">[<\/span><span class=\"nx\">i<\/span><span class=\"p\">];<\/span>\n                     <span class=\"kd\">const<\/span> <span class=\"nx\">elementB<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">elementSymbols<\/span><span class=\"p\">[<\/span><span class=\"nx\">j<\/span><span class=\"p\">];<\/span>\n\n                     <span class=\"k\">if <\/span><span class=\"p\">(<\/span><span class=\"nx\">covalentRadii<\/span><span class=\"p\">[<\/span><span class=\"nx\">elementA<\/span><span class=\"p\">]<\/span> <span class=\"o\">&amp;&amp;<\/span> <span class=\"nx\">covalentRadii<\/span><span class=\"p\">[<\/span><span class=\"nx\">elementB<\/span><span class=\"p\">]<\/span> <span class=\"o\">&amp;&amp;<\/span> <span class=\"nx\">electronegativity<\/span><span class=\"p\">[<\/span><span class=\"nx\">elementA<\/span><span class=\"p\">]<\/span> <span class=\"o\">&amp;&amp;<\/span> <span class=\"nx\">electronegativity<\/span><span class=\"p\">[<\/span><span class=\"nx\">elementB<\/span><span class=\"p\">])<\/span> <span class=\"p\">{<\/span>\n                        <span class=\"kd\">const<\/span> <span class=\"nx\">rA<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">covalentRadii<\/span><span class=\"p\">[<\/span><span class=\"nx\">elementA<\/span><span class=\"p\">];<\/span>\n                        <span class=\"kd\">const<\/span> <span class=\"nx\">rB<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">covalentRadii<\/span><span class=\"p\">[<\/span><span class=\"nx\">elementB<\/span><span class=\"p\">];<\/span>\n                        <span class=\"kd\">const<\/span> <span class=\"nx\">deltaChi<\/span> <span class=\"o\">=<\/span> <span class=\"nb\">Math<\/span><span class=\"p\">.<\/span><span class=\"nf\">abs<\/span><span class=\"p\">(<\/span><span class=\"nx\">electronegativity<\/span><span class=\"p\">[<\/span><span class=\"nx\">elementA<\/span><span class=\"p\">]<\/span> <span class=\"o\">-<\/span> <span class=\"nx\">electronegativity<\/span><span class=\"p\">[<\/span><span class=\"nx\">elementB<\/span><span class=\"p\">]);<\/span>\n                        <span class=\"kd\">const<\/span> <span class=\"nx\">bondLength<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">rA<\/span> <span class=\"o\">+<\/span> <span class=\"nx\">rB<\/span> <span class=\"o\">-<\/span> <span class=\"mi\">9<\/span> <span class=\"o\">*<\/span> <span class=\"nx\">deltaChi<\/span><span class=\"p\">;<\/span>\n\n                          <span class=\"kd\">const<\/span> <span class=\"nx\">bondData<\/span> <span class=\"o\">=<\/span> <span class=\"p\">{<\/span>\n                                <span class=\"na\">bond<\/span><span class=\"p\">:<\/span> <span class=\"s2\">`<\/span><span class=\"p\">${<\/span><span class=\"nx\">elementA<\/span><span class=\"p\">}<\/span><span class=\"s2\">-<\/span><span class=\"p\">${<\/span><span class=\"nx\">elementB<\/span><span class=\"p\">}<\/span><span class=\"s2\">`<\/span><span class=\"p\">,<\/span>\n                                <span class=\"na\">bondLength<\/span><span class=\"p\">:<\/span> <span class=\"nx\">bondLength<\/span><span class=\"p\">.<\/span><span class=\"nf\">toFixed<\/span><span class=\"p\">(<\/span><span class=\"mi\">2<\/span><span class=\"p\">),<\/span>\n                            <span class=\"p\">};<\/span>\n                           <span class=\"nx\">bonds<\/span><span class=\"p\">.<\/span><span class=\"nf\">push<\/span><span class=\"p\">(<\/span><span class=\"nx\">bondData<\/span><span class=\"p\">);<\/span>\n                       <span class=\"p\">}<\/span>\n                    <span class=\"p\">}<\/span>\n               <span class=\"p\">}<\/span>\n\n            <span class=\"k\">if <\/span><span class=\"p\">(<\/span><span class=\"nx\">bonds<\/span><span class=\"p\">.<\/span><span class=\"nx\">length<\/span> <span class=\"o\">===<\/span> <span class=\"mi\">0<\/span> <span class=\"o\">&amp;&amp;<\/span> <span class=\"nx\">radiiInfo<\/span><span class=\"p\">.<\/span><span class=\"nx\">length<\/span> <span class=\"o\">===<\/span><span class=\"mi\">0<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n                <span class=\"k\">return<\/span> <span class=\"nx\">results<\/span><span class=\"p\">;<\/span> <span class=\"c1\">\/\/No calculations to be done.<\/span>\n            <span class=\"p\">}<\/span>\n\n             <span class=\"k\">if <\/span><span class=\"p\">(<\/span><span class=\"nx\">radiiInfo<\/span><span class=\"p\">.<\/span><span class=\"nx\">length<\/span> <span class=\"o\">&gt;<\/span> <span class=\"mi\">0<\/span><span class=\"p\">)<\/span>\n                <span class=\"p\">{<\/span>\n                    <span class=\"nx\">results<\/span><span class=\"p\">.<\/span><span class=\"nf\">push<\/span><span class=\"p\">({<\/span>\n                       <span class=\"na\">radiiData<\/span><span class=\"p\">:<\/span> <span class=\"nx\">radiiInfo<\/span><span class=\"p\">,<\/span>\n                       <span class=\"na\">type<\/span> <span class=\"p\">:<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">covalentRadius<\/span><span class=\"dl\">\"<\/span>\n                    <span class=\"p\">});<\/span>\n\n                <span class=\"p\">}<\/span>\n\n            <span class=\"k\">if<\/span><span class=\"p\">(<\/span><span class=\"nx\">bonds<\/span><span class=\"p\">.<\/span><span class=\"nx\">length<\/span><span class=\"o\">&gt;<\/span> <span class=\"mi\">0<\/span><span class=\"p\">)<\/span>\n            <span class=\"p\">{<\/span>\n               <span class=\"nx\">bonds<\/span><span class=\"p\">.<\/span><span class=\"nf\">forEach<\/span><span class=\"p\">(<\/span><span class=\"nx\">bond<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"p\">{<\/span>\n                    <span class=\"nx\">results<\/span><span class=\"p\">.<\/span><span class=\"nf\">push<\/span><span class=\"p\">({<\/span>\n                        <span class=\"na\">bond<\/span><span class=\"p\">:<\/span> <span class=\"nx\">bond<\/span><span class=\"p\">.<\/span><span class=\"nx\">bond<\/span><span class=\"p\">,<\/span>\n                       <span class=\"na\">bondLength<\/span><span class=\"p\">:<\/span> <span class=\"nx\">bond<\/span><span class=\"p\">.<\/span><span class=\"nx\">bondLength<\/span><span class=\"p\">,<\/span>\n                       <span class=\"na\">type<\/span> <span class=\"p\">:<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">bondLength<\/span><span class=\"dl\">\"<\/span>\n\n                    <span class=\"p\">})<\/span>\n                <span class=\"p\">})<\/span>\n            <span class=\"p\">}<\/span>\n\n\n\n\n        <span class=\"k\">return<\/span> <span class=\"nx\">results<\/span><span class=\"p\">;<\/span>\n\n        <span class=\"p\">}<\/span>\n\n\n        <span class=\"nx\">calculateBtn<\/span><span class=\"p\">.<\/span><span class=\"nf\">addEventListener<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">click<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"nf\">function <\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n            <span class=\"kd\">const<\/span> <span class=\"nx\">molecule<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">moleculeInput<\/span><span class=\"p\">.<\/span><span class=\"nx\">value<\/span><span class=\"p\">.<\/span><span class=\"nf\">trim<\/span><span class=\"p\">();<\/span>\n                 <span class=\"k\">if <\/span><span class=\"p\">(<\/span><span class=\"o\">!<\/span><span class=\"nx\">molecule<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n                <span class=\"nf\">alert<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">Please enter a molecule.<\/span><span class=\"dl\">'<\/span><span class=\"p\">);<\/span>\n                <span class=\"k\">return<\/span><span class=\"p\">;<\/span>\n            <span class=\"p\">}<\/span>\n            <span class=\"nx\">calculatorOutput<\/span><span class=\"p\">.<\/span><span class=\"nx\">innerHTML<\/span> <span class=\"o\">=<\/span> <span class=\"dl\">'<\/span><span class=\"s1\"\/><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n            <span class=\"kd\">const<\/span> <span class=\"nx\">loadingSpinner<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">calculatorOutput<\/span><span class=\"p\">.<\/span><span class=\"nf\">querySelector<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">.loading-spinner<\/span><span class=\"dl\">'<\/span><span class=\"p\">);<\/span>\n\n            <span class=\"nx\">loadingSpinner<\/span><span class=\"p\">.<\/span><span class=\"nx\">style<\/span><span class=\"p\">.<\/span><span class=\"nx\">display<\/span> <span class=\"o\">=<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">block<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n            <span class=\"nf\">setTimeout<\/span><span class=\"p\">(()<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"p\">{<\/span>\n                <span class=\"kd\">const<\/span> <span class=\"nx\">results<\/span> <span class=\"o\">=<\/span> <span class=\"nf\">calculateBondLengths<\/span><span class=\"p\">(<\/span><span class=\"nx\">molecule<\/span><span class=\"p\">);<\/span>\n                <span class=\"kd\">let<\/span> <span class=\"nx\">html<\/span> <span class=\"o\">=<\/span> <span class=\"dl\">''<\/span><span class=\"p\">;<\/span>\n                 <span class=\"k\">if <\/span><span class=\"p\">(<\/span><span class=\"nx\">results<\/span> <span class=\"o\">&amp;&amp;<\/span> <span class=\"nx\">results<\/span><span class=\"p\">.<\/span><span class=\"nx\">length<\/span> <span class=\"o\">&gt;<\/span> <span class=\"mi\">0<\/span> <span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n\n                     <span class=\"nx\">results<\/span><span class=\"p\">.<\/span><span class=\"nf\">forEach<\/span><span class=\"p\">(<\/span><span class=\"nx\">result<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"p\">{<\/span>\n                      <span class=\"k\">if <\/span><span class=\"p\">(<\/span><span class=\"nx\">result<\/span><span class=\"p\">.<\/span><span class=\"nx\">type<\/span> <span class=\"o\">===<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">covalentRadius<\/span><span class=\"dl\">\"<\/span><span class=\"p\">)<\/span>\n                      <span class=\"p\">{<\/span>\n                           <span class=\"nx\">html<\/span> <span class=\"o\">+=<\/span> <span class=\"dl\">'<\/span><span class=\"s1\"><table><thead><tr><th>Element<\/th><th>Covalent Radius (pm)<\/th><\/tr><\/thead><tbody><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n                            <span class=\"nx\">result<\/span><span class=\"p\">.<\/span><span class=\"nx\">radiiData<\/span><span class=\"p\">.<\/span><span class=\"nx\">forEach<\/span><span class=\"p\">(<\/span><span class=\"nx\">item<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"p\">{<\/span>\n                              <span class=\"nx\">html<\/span> <span class=\"o\">+=<\/span> <span class=\"s2\">`<tr><td><span class=\"p\">${<\/span><span class=\"nx\">item<\/span><span class=\"p\">.<\/span><span class=\"nx\">element<\/span><span class=\"p\">}<\/span><span class=\"s2\"\/><\/td><td><span class=\"p\">${<\/span><span class=\"nx\">item<\/span><span class=\"p\">.<\/span><span class=\"nx\">radius<\/span><span class=\"p\">}<\/span><span class=\"s2\"\/><\/td><\/tr>`<\/span>\n                            <span class=\"p\">})<\/span>\n                            <span class=\"nx\">html<\/span> <span class=\"o\">+=<\/span> <span class=\"s2\">`<\/span><\/tbody><\/table>`<\/span>\n\n                       <span class=\"p\">}<\/span> <span class=\"k\">else<\/span> <span class=\"k\">if <\/span><span class=\"p\">(<\/span><span class=\"nx\">result<\/span><span class=\"p\">.<\/span><span class=\"nx\">type<\/span> <span class=\"o\">===<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">bondLength<\/span><span class=\"dl\">\"<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n                           <span class=\"k\">if<\/span><span class=\"p\">(<\/span><span class=\"o\">!<\/span><span class=\"nx\">html<\/span><span class=\"p\">.<\/span><span class=\"nf\">includes<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">Bond<\/span><span class=\"dl\">'<\/span><span class=\"p\">))<\/span>\n                           <span class=\"p\">{<\/span>\n                                <span class=\"nx\">html<\/span> <span class=\"o\">+=<\/span> <span class=\"dl\">'<\/span><span class=\"s1\"><table><thead><tr><th>Bond<\/th><th>Bond Length (pm)<\/th><\/tr><\/thead><tbody><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n                           <span class=\"p\">}<\/span>\n                            <span class=\"nx\">html<\/span> <span class=\"o\">+=<\/span> <span class=\"s2\">`<tr><td><span class=\"p\">${<\/span><span class=\"nx\">result<\/span><span class=\"p\">.<\/span><span class=\"nx\">bond<\/span><span class=\"p\">}<\/span><span class=\"s2\"\/><\/td><td><span class=\"p\">${<\/span><span class=\"nx\">result<\/span><span class=\"p\">.<\/span><span class=\"nx\">bondLength<\/span><span class=\"p\">}<\/span><span class=\"s2\"\/><\/td><\/tr>`<\/span><span class=\"p\">;<\/span>\n\n                       <span class=\"p\">}<\/span>\n                   <span class=\"p\">})<\/span>\n                     <span class=\"k\">if<\/span><span class=\"p\">(<\/span><span class=\"nx\">html<\/span><span class=\"p\">.<\/span><span class=\"nf\">includes<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">Bond<\/span><span class=\"dl\">\"<\/span><span class=\"p\">))<\/span>\n                     <span class=\"p\">{<\/span>\n                         <span class=\"nx\">html<\/span> <span class=\"o\">+=<\/span> <span class=\"dl\">'<\/span><span class=\"s1\"\/><\/tbody><\/table><\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n                     <span class=\"p\">}<\/span>\n\n\n                    <span class=\"p\">}<\/span>\n                    <span class=\"k\">else<\/span> <span class=\"p\">{<\/span>\n                       <span class=\"nx\">html<\/span> <span class=\"o\">+=<\/span> <span class=\"dl\">'<\/span><span class=\"s1\"><p> Could not calculate the Covalent Radii. Check the input is valid.<\/p><\/span><span class=\"dl\">'<\/span>\n                    <span class=\"p\">}<\/span>\n                <span class=\"nx\">calculatorOutput<\/span><span class=\"p\">.<\/span><span class=\"nx\">innerHTML<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">html<\/span><span class=\"p\">;<\/span>\n                <span class=\"nx\">loadingSpinner<\/span><span class=\"p\">.<\/span><span class=\"nx\">style<\/span><span class=\"p\">.<\/span><span class=\"nx\">display<\/span> <span class=\"o\">=<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">none<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n            <span class=\"p\">},<\/span> <span class=\"mi\">800<\/span><span class=\"p\">);<\/span>\n        <span class=\"p\">});<\/span>\n    <span class=\"p\">});<\/span>\n    <span class=\"nt\"\/>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0645\u0646 \u0645\u0637\u0627\u0644\u0628 \u0632\u06cc\u0627\u062f\u06cc \u0631\u0627 \u0627\u0636\u0627\u0641\u0647 \u06a9\u0631\u062f\u0647 \u0627\u0645\u060c \u0628\u0647 \u0647\u0645\u0631\u0627\u0647 \u0645\u0646\u0637\u0642 \u0628\u0631\u0627\u06cc \u062a\u0648\u0644\u06cc\u062f \u0641\u0647\u0631\u0633\u062a \u0645\u0637\u0627\u0644\u0628 \u0628\u0647 \u0635\u0648\u0631\u062a \u067e\u0648\u06cc\u0627\u060c \u0648 \u0645\u0646\u0637\u0642 \u0645\u062d\u0627\u0633\u0628\u0647 \u0645\u0642\u0627\u062f\u06cc\u0631 \u0628\u0631\u0627\u06cc \u0647\u0631 \u0639\u0646\u0635\u0631\u060c \u0628\u0631\u0627\u06cc \u0645\u0627\u0634\u06cc\u0646 \u062d\u0633\u0627\u0628. \u0646\u0648\u062d \u0627\u0632 \u0645\u0646 \u067e\u0631\u0633\u06cc\u062f \u06a9\u0647 \u0622\u06cc\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u0645 \u0645\u0627\u0634\u06cc\u0646 \u062d\u0633\u0627\u0628 \u0627\u0635\u0644\u06cc \u0631\u0627 \u0628\u0631\u0627\u06cc \u0639\u0646\u0627\u0635\u0631 \u0648 \u0634\u0639\u0627\u0639 \u06a9\u0648\u0648\u0627\u0644\u0627\u0646\u0633\u06cc \u0648 \u0637\u0648\u0644 \u067e\u06cc\u0648\u0646\u062f \u0622\u0646\u0647\u0627 \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647 \u06a9\u0646\u0645\u061f \u0635\u0641\u062d\u0647 \u0627\u06a9\u0646\u0648\u0646 \u0622\u0645\u0627\u062f\u0647 \u0627\u0633\u062a! \u0645\u06cc \u062e\u0648\u0627\u0647\u0645 \u0622\u0646 \u0631\u0627 \u0628\u0628\u06cc\u0646\u0645\u060c \u0627\u06cc\u0646\u062c\u0627\u0633\u062a:<br \/>\u062a\u0646\u0627\u0648\u0628 \u0639\u0646\u0627\u0635\u0631 &#8211; \u06cc\u0627\u062f\u062f\u0627\u0634\u062a \u0647\u0627<\/p>\n<p>\u0627\u06cc\u0646 \u0646\u0634\u0627\u0646 \u062f\u0647\u0646\u062f\u0647 \u067e\u0627\u06cc\u0627\u0646 \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc \u0628\u0631\u0627\u06cc \u0631\u0648\u0632 \u0627\u0633\u062a. \u0645\u06cc \u062f\u0627\u0646\u0645\u060c \u06a9\u0645\u06cc \u0639\u062c\u0644\u0647 \u0628\u0647 \u0646\u0638\u0631 \u0645\u06cc \u0631\u0633\u062f\u060c \u0632\u06cc\u0631\u0627 \u0627\u06cc\u0646\u0637\u0648\u0631 \u0627\u0633\u062a. \u0646\u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u0645 \u062f\u0642\u06cc\u0642\u0627\u064b \u062a\u0648\u0635\u06cc\u0641 \u06a9\u0646\u0645 \u06a9\u0647 \u0686\u0647 \u06a9\u0627\u0631\u06cc \u0627\u0646\u062c\u0627\u0645 \u062f\u0627\u062f\u0645 \u0648 \u0686\u0631\u0627\u060c \u0632\u06cc\u0631\u0627 \u0628\u06cc\u0634\u062a\u0631 \u0622\u0646\u200c\u0647\u0627 \u0631\u0627 \u0647\u0645 \u0628\u0647 \u06cc\u0627\u062f \u0646\u062f\u0627\u0631\u0645. \u0645\u0646 \u0641\u0642\u0637 \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0627\u0633\u0627\u0633\u06cc \u0631\u0627 \u0628\u0647 \u06cc\u0627\u062f \u062f\u0627\u0631\u0645.<\/p>\n<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u0628\u0633\u06cc\u0627\u0631\u06cc \u0627\u0632 \u0645\u0631\u062f\u0645 \u0627\u0632 \u0645\u0646 \u0645\u06cc\u200c\u067e\u0631\u0633\u06cc\u062f\u0646\u062f \u06a9\u0647 \u0686\u0642\u062f\u0631 \u0632\u0645\u0627\u0646 \u0628\u0631\u0627\u06cc \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u0635\u0631\u0641 \u0645\u06cc\u200c\u0634\u0648\u062f\u061f \u0634\u0627\u06cc\u062f 2 \u06cc\u0627 3 \u0647\u0641\u062a\u0647 \u0628\u0648\u062f. \u0627\u0645\u0627\u060c \u0627\u06cc\u0646 \u0633\u0648\u0627\u0644 \u0628\u0627\u0639\u062b \u0634\u062f \u062a\u0627 \u062f\u0648\u0628\u0627\u0631\u0647 \u0641\u06a9\u0631 \u06a9\u0646\u0645 \u06a9\u0647 \u0686\u0642\u062f\u0631 \u0632\u0645\u0627\u0646 \u0635\u0631\u0641 \u0648\u0628 \u0633\u0627\u06cc\u062a \u0645\u06cc \u06a9\u0646\u0645. \u0645\u0646 8 \u0633\u0627\u0639\u062a \u0631\u0627 \u0641\u0642\u0637 \u062f\u0631 \u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc \u0635\u0631\u0641 \u06a9\u0631\u062f\u0645. \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646\u060c \u062a\u0635\u0645\u06cc\u0645 \u06af\u0631\u0641\u062a\u0645 \u0628\u0647 \u0633\u0631\u0639\u062a \u0645\u062d\u062a\u0648\u0627 \u062a\u0648\u0644\u06cc\u062f \u06a9\u0646\u0645 &hellip;<\/p>\n","protected":false},"author":2,"featured_media":92371,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"https:\/\/media2.dev.to\/dynamic\/image\/width=1000,height=500,fit=cover,gravity=auto,format=auto\/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F1cu738jvpzdxql1kn643.png","fifu_image_alt":"","footnotes":""},"categories":[339],"tags":[],"class_list":["post-92370","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dev"],"_links":{"self":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/92370","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/comments?post=92370"}],"version-history":[{"count":0,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/92370\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media\/92371"}],"wp:attachment":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media?parent=92370"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/categories?post=92370"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/tags?post=92370"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}