@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');  html, body {     font-family: "Open Sans", sans-serif;     height: 100%;     background: #131313;     margin: 0;     color: #ffffff; } * {     box-sizing: border-box; } .header {     position: fixed;     top: 0;     left: 0;     width: 100%;     background: #212121;     z-index: 99;     box-shadow: 0 0 10px 5px rgba(255, 253, 253, 0.1);     padding: 15px 0; }  .header__wrap {     display: flex;     justify-content: space-between;     align-items: center;     padding-left: 15px;     padding-right: 15px; } .nav__list {     display: flex;     align-items: center;     list-style: none;     padding: 0;     gap: 20px; }  .nav__item {     margin: 0; }  .nav__link {     text-decoration: none;     color: #ffffff;     font-family: "faster-bold", sans-serif; }  .nav__link:hover {     color: #fb3c3c; } .burger {     background: none;     border: none;     display: none; }  .burger div {     background: #ffffff;     width: 30px;     height: 4px;     border-radius: 5px;     margin-bottom: 5px; }  .burger div:last-child {     margin-bottom: 0; }  .burger.open div:first-child {     transform: rotate(45deg);     position: relative;     top: 9px; }  .burger.open div:nth-child(2) {     transform: rotate(-45deg); }  .burger.open div:last-child {     display: none; } .btn {     font-size: 18px;     font-weight: 400;     color: #fff;     padding: 10px 30px;     margin-left: 8px;     cursor: pointer;     border-radius: 8px;     text-decoration: none; }  .reg {   background-color: #b10000; } .reg:hover { 	background-color: #da2c2c; } .container {     max-width: 1200px;     margin: 0 auto;     padding: 0 10px; }  .main {     margin: 100px auto 0; }  .bet-on-red {     margin: 0 auto;     display: flex;     justify-content: center;     align-items: center; }  .transparent {     background: linear-gradient(to right, #ff0000, #1f1e1e);     border: none;     color: whitesmoke;     padding: 20px 70px;     font-size: 20px;     border-radius: 10px;     opacity: 0.8;     font-weight: bold;     cursor: pointer; } .transparent:hover {   background: linear-gradient(to right, #ff424f, #371a1a); } .content {     max-width: 1000px;     margin: 30px auto 0;     background-color: #212121;     color: #ffffff;     text-align: center; }  h1 {     font-size: 40px;     text-align: center;     color: #ffffff; }  table {     font-family: Arial, Helvetica, sans-serif;     border-collapse: collapse;     width: 100%;     text-align: center; }  td, th {     border: 1px solid #ffffff;     padding: 8px;     color: white; }  tr:nth-child(even) {     background-color: #000000; }  .faq {     font-family: Arial, sans-serif;     max-width: 800px;     margin: 0 auto; }  .faq-item h3 {     font-size: 24px;     color: #D94444; }  .scroll-to-top-btn {     position: fixed;     bottom: 40px;     right: 30px;     z-index: 999;     background: #d5d5d5;     padding: 10px;     border-radius: 10px;     align-items: center; }  .toc_title {     font-weight: 700;     letter-spacing: 1px;     cursor: pointer; }  .no_bullets .toc_list {     display: none; }  .no_bullets.open .toc_list {     display: block; }  .no_bullets {     position: relative; }  .no_bullets svg {     width: 20px;     height: 20px;     position: absolute;     top: 13px;     left: 108px; } .main ul {     list-style: none;     padding: 0; } .main ul li {     padding: 10px 0 10px 40px;     position: relative; } .main ul li:before {     content: '';     display: block;     width: 25px;     height: 25px;     background: url(/shared/3151/check-svgrepo-com.svg);     background-size: contain;     position: absolute;     left: 5px;     top: 10px; } .footer {      box-shadow: 0 0 10px 5px #212121;      width: 100%;      margin-top: 20px;     padding: 10px 0;  } .menu {   display: flex;     flex-wrap: wrap;     gap: 35px; } .menu__list {     padding: 0;     list-style: none } .menu__item {     margin-bottom: 5px; } .copy {     font-size: 12px; } .menu__link { 	color: #d5d5d5;     text-decoration: none; } .menu__link:hover { 	color: #fff;     text-decoration: underline; } img {     max-width: 100%;     height: auto; } .breadcrumbs-list a, .breadcrumbs-list {     color: rgba(255, 255, 255, 0.5); } p img {   margin: 10px 0; }  @media (max-width: 1024px) { 	.burger {         display: block;     }   .nav {         position: absolute;         background: #212121;         top: 100%;         left: 0;         width: 70%;         height: 100vh;         z-index: 999;         display: none;     }      .nav:before {         content: '';         display: block;         width: 100vw;         height: 100vh;         background: rgba(0, 0, 0, .5);         position: absolute;         top: 0;         left: 0;         z-index: -1;     }      .nav__list {         flex-direction: column;     } }  .content-b .btn {     display: block;     width: 100%;     text-align: center;     font-weight: 900;   margin-left: 0; } .toc_list a {   text-decoration: none;   color: #ff0000; } .toc_list a:hover {   text-decoration: underline;   color: #ff6565; } .main p a {   text-decoration: none;   color: #ff0000; } .main p a:hover {   text-decoration: underline;   color: #ff6565; } .main p, .main li {     line-height: 1.5;   } .copy {     font-size: 12px; } .menu__link {     color: #dbdbdb;     text-decoration: none; } img {     max-width: 100%;     height: auto; } .post__author {     display: flex;     align-items: center;     gap: 15px;     padding: 10px;     border: 1px solid #ffffff;     border-radius: 10px; } .post__author__photo {     display: inline-block;     width: 100px;     height: auto;     border-radius: 50%; } .post__author__photo img {     border-radius: 50%; } .post__author__info .name, .post__author__info p {     margin: 0; } .post__author__info .name {     margin-bottom: 10px; }  .footer__top {   display: grid;   grid-template-columns: 300px 1fr; } .payments {   list-style: none;   padding: 0;   display: flex;   gap: 20px; } .footer h3, .footer a {   margin: 0;   text-decoration: none; } .footer h3 {   margin: 0 0 15px; } .footer__wrapper {   display: flex; justify-content: space-between; } .menu__list {   margin: 0; } .copy__block {     display: grid;     grid-template-columns: 1fr 1fr; } .age { 	display: flex;     align-items: center;     gap: 20px; } .age img { 	max-width: 80px; } .footer__social {     display: flex;     flex-direction: row;     justify-content: center;     gap: 8px;     max-width: 280px; } .footer__social a {     display: flex;     flex-direction: row;     align-items: center;     justify-content: center;     background: #ffffff1f;     border-radius: 50%;     height: 40px;     width: 40px; }  .footer__social a img {     height: 24px;     object-fit: contain;     object-position: center;     width: 24px; } @media (max-width: 767px) {   .footer__top {     grid-template-columns: 1fr;     text-align: center; }   .payments {     justify-content: center;     flex-wrap: wrap; }   .footer__wrapper {     flex-direction: column;     gap: 20px;     align-items: center; }   .copy__block {     grid-template-columns: 1fr;     margin-top: 20px;     text-align: center; }   .age {     justify-content: center;   }   td, th {     font-size: 10px;   } }