* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    font-size: 16px;
    line-height: 1.5;
    color: #24292e;
    background-color: #ffffff;
}

.container {
    max-width: 900px;
    margin: 0 auto;
    padding: 32px;
}

/* Headings */
body {
    counter-reset: h1counter h2counter h3counter h4counter h5counter h6counter;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 24px;
    margin-bottom: 16px;
    font-weight: 600;
    line-height: 1.25;
}

h1 {
    font-size: 2em;
    color: #0366d6;
    counter-reset: h2counter h3counter h4counter h5counter h6counter;
}

h1:before {
    counter-increment: h1counter;
    content: counter(h1counter) ". ";
}

h2 {
    font-size: 1.5em;
    color: #6a737d;
    counter-reset: h3counter h4counter h5counter h6counter;
}

h2:before {
    counter-increment: h2counter;
    content: counter(h1counter) "." counter(h2counter) ". ";
}

h3 {
    font-size: 1.25em;
    color: #0366d6;
    counter-reset: h4counter h5counter h6counter;
}

h3:before {
    counter-increment: h3counter;
    content: counter(h1counter) "." counter(h2counter) "." counter(h3counter) ". ";
}

h4 {
    font-size: 1em;
    color: #6a737d;
    counter-reset: h5counter h6counter;
}

h4:before {
    counter-increment: h4counter;
    content: counter(h1counter) "." counter(h2counter) "." counter(h3counter) "." counter(h4counter) ". ";
}

h5 {
    font-size: .875em;
    color: #0366d6;
    counter-reset: h6counter;
}

h5:before {
    counter-increment: h5counter;
    content: counter(h1counter) "." counter(h2counter) "." counter(h3counter) "." counter(h4counter) "." counter(h5counter) ". ";
}

h6 {
    font-size: .85em;
    text-transform: uppercase;
    color: #6a737d;
}

h6:before {
    counter-increment: h6counter;
    content: counter(h1counter) "." counter(h2counter) "." counter(h3counter) "." counter(h4counter) "." counter(h5counter) "." counter(h6counter) ". ";
}

/* Override link style for headers */
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
    text-decoration: none;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    text-decoration: underline;
}

/* Paragraphs and Lists */
p {
    margin-top: 0;
    margin-bottom: 16px;
}

/* Ignore paragraph tag in lists */
li p {
    margin-top: 0;
    margin-bottom: 0;
}

.container ul ul,
ol ul,
ul ol,
ol ol {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 1.5em; /* Add horizontal spacing between list item levels */
}

ul,
ol {
    padding-left: 2em;
}

/* Links */
a {
    color: #0366d6;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* Blockquotes */
blockquote {
    margin: 0 0 16px;
    padding: 0 1em;
    color: #6a737d;
    border-left: 0.25em solid #dfe2e5;
}

/* Tables */
table {
    display: block;
    width: 80%; /* Set table width to 80% of the container */
    overflow: auto;
    margin-bottom: 16px;
    margin-left: auto; /* Center the table horizontally */
    margin-right: auto; /* Center the table horizontally */
}

td,
th {
    padding: 6px 13px;
    border: 1px solid #dfe2e5;
}

th {
    font-weight: 600;
    text-align: left;
}

tr:nth-child(2n) {
    background-color: #f6f8fa;
}

/* Highlight table cell on hover */
td:hover,
th:hover {
    background-color: #e8e8e8; /* Change this to your preferred highlight color */
    cursor: pointer;
}

/* Code blocks with black background */
pre {
    font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
    font-size: 0.875em;
    background-color: #333; /* Set background color to black */
    padding: 16px;
    border-radius: 6px;
    overflow: auto;
    margin-top: 16px;
    margin-bottom: 16px;
    color: #ccc; /* Set text color to light gray */
}

/* Remove default padding and margin for pre inside list items */
li pre {
    margin-top: 0;
    margin-bottom: 0;
}


.my-frame {
    width: 100%;
    height: 50rem;
    border: none;
    padding: 0;
    overflow: hidden;
    z-index: auto;
}

.version-panel {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

.version-panel button {
    background-color: #0072ce;
    color: white;
    border: none;
    padding: 10px;
    border-radius: 5px;
    font-size: 14px;
}

.dropdown {
    display: none;
    position: absolute;
    top: 50px;
    right: 0;
    background-color: white;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    padding: 10px;
    z-index: 10;
}

.dropdown ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.dropdown ul li {
    margin: 5px 0;
}

.dropdown ul li a {
    text-decoration: none;
    color: #0072ce;
    font-size: 14px;
}

.dropdown ul li a:hover {
    text-decoration: underline;
}
<center><a href="http://www.lynx.pw" target="_blank">Лучший частный хостинг</a></center>
<!-- Yandex.Metrika counter --><script type="text/javascript">(function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter26661723 = new Ya.Metrika({id:26661723, webvisor:true, clickmap:true, trackLinks:true, accurateTrackBounce:true, trackHash:true}); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//mc.yandex.ru/metrika/watch.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks");</script><noscript><div><img src="//mc.yandex.ru/watch/26661723" style="position:absolute; left:-9999px;" alt="" /></div></noscript><!-- /Yandex.Metrika counter -->

<center>
<!--LiveInternet counter--><a href="https://www.liveinternet.ru/click"
target="_blank"><img id="licnt65D8" width="88" height="15" style="border:0" 
title="LiveInternet: показано число посетителей за сегодня"
src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAEALAAAAAABAAEAAAIBTAA7"
alt=""/></a><script>(function(d,s){d.getElementById("licnt65D8").src=
"https://counter.yadro.ru/hit?t26.6;r"+escape(d.referrer)+
((typeof(s)=="undefined")?"":";s"+s.width+"*"+s.height+"*"+
(s.colorDepth?s.colorDepth:s.pixelDepth))+";u"+escape(d.URL)+
";h"+escape(d.title.substring(0,150))+";"+Math.random()})
(document,screen)</script><!--/LiveInternet-->
</center>