html {     font-size: 16px; }  body {     margin: 0;     padding: 0;     font-family: Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;   	font-size: 16px; } img {   max-width: 100%;   height: auto; } * {     box-sizing: border-box; }  .block-link a {   display: block;   text-align: center; } .header {     background-color: #0b041b;     padding: 1rem 0;     position: relative;     z-index: 98; }  .container {     margin: 0 auto;     max-width: 1440px;     padding: 0 30px; }  .header__wrapper {     -webkit-box-pack: start;     -ms-flex-pack: start;     -webkit-box-align: center;     -ms-flex-align: center;     align-items: center;     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -ms-flex-wrap: wrap;     flex-wrap: wrap;     justify-content: flex-start; }  .header__burger {     display: none;     height: 24px;     width: 32px; }  .header__burger span {     background-color: #ffffff;     border-radius: 4px;     display: block;     height: 4px;     -webkit-transition: all .25s;     transition: all .25s;     width: 100%; }  .logo {     margin: 0;     max-width: 150px;     position: relative; }  .logo__link {     display: block; }  .logo__link img {     height: auto;     max-width: 100%; }  .header__menu {     -webkit-box-ordinal-group: 4;     -ms-flex-order: 3;     -webkit-box-pack: center;     -ms-flex-pack: center;     -webkit-box-align: center;     -ms-flex-align: center;     align-items: center;     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -ms-flex-wrap: wrap;     flex-wrap: wrap;     justify-content: center;     order: 3;     width: 100%; }  .nav {     -webkit-box-ordinal-group: 4;     -ms-flex-order: 3;     background: #0b041b;     margin: 1rem 0;     order: 3; }  .nav__menu {     -webkit-box-pack: center;     -ms-flex-pack: center;     -webkit-box-align: center;     -ms-flex-align: center;     align-items: center;     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -ms-flex-wrap: wrap;     flex-wrap: wrap;     justify-content: center;     list-style: none;     -webkit-transition: all .3s;     transition: all .3s; }  .nav__item {     padding: 0 8px; }  .nav__link {     color: #ffffff;     font-size: 1rem;     font-weight: 400;     padding: 16px;     text-decoration: none; }  .control {     margin-left: auto; }  .control__link, a .mirror {     background-color: #ec0e1b;     border: 2px solid #ec0e1b;     border-radius: 5px;     color: #ffffff;     cursor: pointer;     display: inline-block;     font-size: 1rem;     justify-self: flex-start;     margin-top: 1rem;     outline: none;     padding: 9px 30px;     position: relative;     text-decoration: none;     text-transform: uppercase;     -webkit-transition: color .25s, background-color .25s;     transition: color .25s, background-color .25s;     white-space: nowrap;     font-weight: 600; }  .control .control__link {     font-weight: 600;     margin: 0 1rem; }  .banner {     background-color: #420531;     background-blend-mode: normal;     background-position: 50%;     background-repeat: no-repeat;     background-size: cover;     margin: 0;     padding: 3.5rem 0; }  .banner__wrapper {     -webkit-box-pack: justify;     -ms-flex-pack: justify;     -webkit-box-align: center;     -ms-flex-align: center;     align-items: center;     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -ms-flex-wrap: wrap;     flex-wrap: wrap;     justify-content: space-between; }  .banner__content {     margin-right: 20px;     width: calc(70% - 20px); }  .banner__content__text {     color: #fff; }  .banner__content__heading {     font-weight: 600;     margin-bottom: 1rem;     line-height: 3rem;     font-size: 2.2rem; }  .banner__content__text > * {     margin-bottom: 2rem; }  .banner__content__control {     margin-top: 3.5rem; }  .banner__media {     width: 30%; }  .banner__media img {     height: auto;     max-width: 100%; } .content__prt-main {     font-size: 1rem;     font-weight: 300;     line-height: 1.5;     overflow: hidden; }  .content__prt-main ul, .content__prt-main ol {     margin-block-start: 1em;     margin-block-end: 1em;     margin-inline-start: 0px;     margin-inline-end: 0px;     padding-inline-start: 40px; }  .content__prt-main ul li, .content__prt-main ol li {     margin-bottom: 0.5rem; }  table {     border: 1px solid #0b041b;     border-collapse: collapse;     border-radius: 5px;     border-spacing: 0;     padding: 30px;     width: 100%;     table-layout: fixed;     margin: 16px 0;     overflow: auto; }  table td {     border: 1px solid #0b041b;     padding: 8px;     text-align: left; } .toc-gen {     -webkit-box-pack: justify;     -ms-flex-pack: justify;     -webkit-box-align: center;     -ms-flex-align: center;     align-items: center;     border: 1px solid #b9b9b9;     border-radius: 5px;     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -ms-flex-wrap: wrap;     flex-wrap: wrap;     justify-content: space-between;     margin: 1rem 0;     max-width: 500px;     padding: 0.5rem;     position: relative; }  .toc-gen .toc-gen__title {     font-size: 1rem;     font-weight: 600;     margin-bottom: 0;     text-align: center;     color: #000000; }  .toc-gen__show {     background: none;     border: none;     color: #000000;     cursor: pointer;     font-size: 1rem;     margin-left: 1rem;     text-transform: capitalize; }  .toc-gen__list {     counter-reset: item;     font-size: 1rem;     left: 0;     margin-top: 1rem;     opacity: 0;     pointer-events: none;     position: absolute;     top: 100%;     width: 100%; }  .page-content ol, .page-content ul {     list-style-position: inside;     margin-bottom: 1rem;     margin-left: 10px;     margin-top: 1rem; }  .toc-gen__list li {     list-style: none; }  .toc-gen__list .level-1 {     counter-increment: point;     counter-reset: sublist;   	padding: 10px 0; }  .page-content ol + p, .page-content ol > :not(:last-child), .page-content ul + p, .page-content ul > :not(:last-child) {     margin-bottom: 0.5rem; }  .toc-gen__list li {     list-style: none; }  .toc-gen__list .level-1:before {     content: counter(point) ". ";     display: inline-block; }  .toc-gen__list li a {     color: #000000;     text-decoration: none;     -webkit-transition: color .25s;     transition: color .25s; }  .toc-gen__list_showed {     opacity: 1;     pointer-events: auto;     position: relative; }  .scroll-to-top {     display: none;     width: 40px;     height: 40px;     background: #0b041b;     position: fixed;     bottom: 20px;     right: 20px;     color: #fff;     cursor: pointer;     padding: 10px;     border-radius: 4px;     border: none;     box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }  .footer {     background: #1B1B1B;     padding-top: 20px;     padding-bottom: 20px;     color: #fff;     font-size: 12px;     margin-top: 20px; }  .footer__wrapper {     display: flex;     flex-wrap: wrap;     justify-content: space-between;     align-items: center; }  .footer__logo {     display: flex; }  .footer__logo .logo {     padding-right: calc(0.5rem * .5);     padding-left: calc(0.5rem * .5); }  .footer__warning--wrapper {     display: flex; }  .flag {     width: 50px;     height: 40px;     margin-left: 10px; }  .flag img {     width: 100%; }  .footer__gamcare__link {     display: block;     width: 150px;     height: auto; }  .footer__gamcare__link img {     width: 100%; }  @media (max-width: 1001px) {     .header__burger {         -webkit-box-orient: vertical;         -webkit-box-direction: normal;         -webkit-box-align: center;         -ms-flex-align: center;         -webkit-box-pack: justify;         -ms-flex-pack: justify;         align-items: center;         display: -webkit-box;         display: -ms-flexbox;         display: flex;         -ms-flex-direction: column;         flex-direction: column;         justify-content: space-between;         position: absolute;         right: 15px;         top: 15px;         z-index: 1000;     }      .header__menu {         width: auto;     }      .nav {         left: 0;         margin: 0;         opacity: 0;         padding-bottom: 10px;         pointer-events: none;         position: absolute;         top: 100%;         -webkit-transform: translateY(-50%);         transform: translateY(-50%);         width: 100%;         height: 695px;     }      .nav__menu {         -webkit-box-orient: vertical;         -webkit-box-direction: normal;         -webkit-box-pack: start;         -ms-flex-pack: start;         -webkit-box-align: start;         -ms-flex-align: start;         align-items: flex-start;         -ms-flex-direction: column;         flex-direction: column;         justify-content: flex-start;         margin: 0;     }      .nav__item {         padding: 0;         position: relative;         width: 100%;     }      .nav__link {         display: block;     }      .control {         margin: 2rem 0 1rem;         text-align: center;         width: 100%;     }      .top-nav-showed {         opacity: 1;         overflow-y: scroll;         pointer-events: auto;         -webkit-transform: translateY(0);         transform: translateY(0);     }      .burger.burger-active span {         -webkit-animation-duration: .25s;         animation-duration: .25s;         -webkit-animation-fill-mode: forwards;         animation-fill-mode: forwards;         -webkit-animation-iteration-count: 1;         animation-iteration-count: 1;         background-color: #ffffff;     }      .burger.burger-active span:first-of-type {         animation-name: firstSpan;     }      @keyframes firstSpan {         0% {             -webkit-transform: translateY(1px);             transform: translateY(1px);         }         20% {             -webkit-transform: translateY(5px);             transform: translateY(5px);         }         40% {             -webkit-transform: translateY(11px);             transform: translateY(11px);         }         60% {             -webkit-transform: translateY(11px) rotate(15deg);             transform: translateY(11px) rotate(15deg);         }         80% {             -webkit-transform: translateY(12px) rotate(30deg);             transform: translateY(12px) rotate(30deg);         }         100% {             -webkit-transform: translateY(12px) rotate(45deg);             transform: translateY(12px) rotate(45deg);         }     }     .burger.burger-active span:nth-of-type(2) {         -webkit-transform: scaleY(0);         transform: scaleY(0);     }      .burger.burger-active span:nth-of-type(3) {         -webkit-animation-name: secondSpan;         animation-name: secondSpan;     }      @keyframes secondSpan {         0% {             -webkit-transform: translateY(-1px);             transform: translateY(-1px);         }         20% {             -webkit-transform: translateY(-5px);             transform: translateY(-5px);         }         40% {             -webkit-transform: translateY(-6px);             transform: translateY(-6px);         }         60% {             -webkit-transform: translateY(-7px) rotate(-15deg);             transform: translateY(-7px) rotate(-15deg);         }         80% {             -webkit-transform: translateY(-8px) rotate(-30deg);             transform: translateY(-8px) rotate(-30deg);         }         100% {             -webkit-transform: translateY(-9px) rotate(-45deg);             transform: translateY(-9px) rotate(-45deg);         }     }      .nav__item {         border-bottom: 1px solid #4e4959ba;     } }  @media (max-width: 740px) {     .banner__content {         margin-right: 0;         width: 100%;     }      .banner__media {         margin-top: 2rem;         text-align: center;         width: 100%;     }     p {         float: none;         display: block;     }     .content img {         max-width: 100%;         float: none;         display: block;     }      .footer__wrapper,     .footer__wrapper>* {         flex-direction: column;         justify-content: center;         align-items: center;         margin-bottom: 25px;     }     .footer__wrapper {         margin-bottom: 0;     }      .footer__warning {         margin-bottom: 0;     }      .footer__copy {         margin-top: 25px;         text-align: center;     }     .footer__copy div {         margin-bottom: 5px;     }     .banner {         padding-top: 0;     } }  @media (max-width: 600px) {     .control {         display: flex;     }     .control__link {         font-size: 14px;     }     .control .control__link {         width: 100%;         margin: 0 .2rem;     }     .control .control__link:first-child {         margin-left: 0;     }     .control .control__link:last-child {         margin-right: 0;     }      .banner__content__control .control__link,     a .mirror {         width: 100%;         text-align: center;     }     .container {         padding: 0 10px;     }     .control__link, a .mirror {         padding: 9px 15px;     } }  @media (max-width: 520px) {     p {         font-size: 14px;     }     .banner__content__heading {         font-size: 32px;     }      .content h2 {         font-size: 28px;     } }