html, body {     overflow-x: hidden; }  body {     padding: 0;     margin: 0;     background-color: #131311; }  * {     box-sizing: border-box;     font-family: 'Montserrat', 'Roboto', 'Arial', 'Segoe UI', 'Helvetica Neue', sans-serif;     list-style: none;     text-decoration: none; }  button {     cursor: pointer; }  h1, h2, h3, h4, h5, h6, span {     margin: 0;     padding: 0; }  .container {     max-width: 1320px;     margin: 0 auto;     padding: 0 10px; }  .header {     position: fixed;     top: 0;     left: 0;     width: 100%;     background-color: #212113;     transition: top 1s ease-in-out;     z-index: 1000;     padding: 15px 0; }  .navbar-toggler {     display: none;     padding: 4px 12px;     border: 1px solid #fffff150;     border-radius: 44px; }  .navbar-toggler-icon {     display: inline-block;     width: 30px;     height: 30px;     vertical-align: middle;     background-image: url(/shared/3257/burger.svg);     background-repeat: no-repeat;     background-position: center;     background-size: 100%; }  .header__inner {     display: flex;     justify-content: space-between;     align-items: center;     padding: 8px 0; }  .nav__list {     display: flex; }  .nav__link {     font-size: 14px;     line-height: 16.8px;     font-weight: 700;     color: #fffff1;     padding: 8px;     transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out; }  .user__panel {     display: flex;     gap: 1.5rem; }  .btn {     display: inline-block;     text-align: center;     text-decoration: none;     vertical-align: middle;     cursor: pointer;     line-height: 1.5;     font-size: 16px;     font-weight: 700;     border-radius: 44px;     color: #000001;     padding: 10px 16px;     transition: all 0.4s ease-in-out;     margin: 0 16px 0 0;     min-width: 144px;     border: 0 solid #3318481a;     box-shadow: 0 2px 8px 0 #27272733;     background: linear-gradient(177deg, #f4f4f4 2%, #dcdcdc); }  .btn:hover {     background: linear-gradient(177deg, #fff 2%, #ebebeb); }  .sign-in {     background: linear-gradient(177deg, #fb3c3b 1.96%, #880300 98.23%);     color: #fffff1; }  .sign-in:hover {     background: linear-gradient(160deg, #ff6a6a, #b20101); }  .main {     margin-top: 92px;     padding-bottom: 90px; }  .banner {     background-color: #4c2929;     position: relative;     z-index: 9; }  .content {     padding-top: 130px;     padding-bottom: 130px;     position: relative;     z-index: 999;     width: 66.66666667%; }  .title {     font-size: 64px;     line-height: 86.8px;     padding-bottom: 20px;     font-weight: bold;     color: #fffff1;     text-shadow: 2px 2px 4px rgba(0, 0, 0, 1.5); }  .content p {     font-size: 18px;     line-height: 30px;     font-weight: 400;     margin-bottom: 50px;     color: #fffff1;     text-shadow: 2px 2px 4px rgba(0, 0, 0, 1.5); } .content__text li a {     color: #8e4444;     text-decoration: underline; } .content__text td a {     color: #fff;     text-decoration: underline; } .content__text li a {     color: #8e4444;     text-decoration: underline; } .content__text li a:hover, .content__text td a:hover {     text-decoration: none; } .content__text p a {     color: #ff6666;     text-decoration: underline; } .content__text p a:hover {     text-decoration: none; }  .banner:before {     content: '';     display: block;     background: url(/shared/3259/left_animation1.png) no-repeat;     position: absolute;     top: -20px;     left: 0;     width: 126px;     height: 100%;     background-size: contain; }  .banner:after {     content: '';     display: block;     background: url(/shared/3259/banner_image1.png) no-repeat;     position: absolute;     right: 0;     top: 50%;     transform: translateY(-50%);     z-index: 99;     width: 671px;     height: 100%;     background-size: contain; } .games__wrapper {     display: grid;     grid-template-columns: repeat(4, 1fr);     gap: 24px; }  .games__title h2 {     margin-top: 3rem;     margin-bottom: 32px;     font-size: 2rem;     color: #fffff1;     text-align: left; }  h2 {     color: #fffff1;     margin-top: 3rem;     margin-bottom: 32px;     font-size: 2rem;     text-align: center; }  h3 {     margin-top: 3rem;     margin-bottom: 32px;     font-size: 1.5rem;     text-align: center; }  .game {     position: relative; }  .game img {     width: 100%;     border-radius: 8px; }  .overlay {     position: absolute;     top: 0;     left: 0;     width: 100%;     height: 0%;     background-color: #000000;     opacity: 70%; }  .game:hover .overlay {     height: 100%;      border-radius: 8px; }  .hover {     position: relative;  }  .game:hover .hover {     position: relative;     top: -100px;      border-radius: 8px; }  .hover__contain {     position: absolute;     top: 50%;     left: 50%;     transform: translate(-50%, -50%);     z-index: 99; }  .hover_box {     display: none;     position: absolute;     top: 50%;     left: 50%;     transform: translate(-50%, -50%); }  .hover_box .btn {     min-width: auto;     margin: 0; }  .game:hover .hover_box {     display: block; }  .hover__contain img {     position: relative;     left: 50%;     transform: translate(-50%);     margin-bottom: 14px;     cursor: pointer; }  .game__img {     max-width: 306px;     max-height: 206px; }  .content__text {     color: #fffff1;     line-height: 30px;     font-weight: 400; }  .content__text ul, .content__text ol {     padding-left: 40px; }  .content__text ul li {     list-style: disc; }  .content__text ol li {     list-style: auto; }  table {     width: 100%;     border-collapse: collapse;     border: 1px solid #fb3c3c;     margin: 10px 0; }  th, td {     border: 1px solid #fb3c3c;     padding: 10px; }  tr:nth-child(odd) {     background-color: #8e4444;     border-radius: 10px; }  table thead tr:nth-child(odd) {     background-color: rgba(135, 7, 106, 0); }  .content__text p img {     max-width: 100%;     height: auto;     margin: 10px 0; }  .content__text button {     display: block;     width: 100%;     background: none;     border: none;     margin: 15px 0; }  .content__text button a {     display: block;     text-align: center;     text-decoration: none;     vertical-align: middle;     cursor: pointer;     line-height: 1.5;     font-size: 16px;     font-weight: 700;     border: 1px solid #00000000;     border-radius: 44px;     background: linear-gradient(177deg, #fb3c3b 1.96%, #880300 98.23%);     color: #fffff1;     padding: 10px 16px;     transition: all 0.4s ease-in-out; }  .content__text button a:hover {     background: linear-gradient(160deg, #ff6a6a, #b20101); }  .footer {     background-color: #212113;     padding: 20px 0 35px;     color: #fffff1; }  .payments, .footer__menu__list {     display: flex;     justify-content: space-between;     gap: 22px;     flex-wrap: wrap; }  .payments--center {     justify-content: center;     margin-top: 22px; }  .down {     display: flex;     justify-content: center;     margin-top: 22px; }  .down a {     display: block;  }  .footer__menu {     margin-top: 22px; }  .footer__menu__list a {     color: #fffff1; }  .footer__menu__list a:hover {     text-decoration: underline; }  .footer__contain {     display: flex;     justify-content: space-between;     align-items: center;     gap: 22px;     flex-wrap: wrap;     margin-top: 22px; }  .footer__contain span {     margin: 0 0 0 15px; }  .footer__contain p {     display: flex;     align-items: center; }  .footer__trast {     display: flex;     align-items: center;     gap: 20px; }  .footer__trast__link:first-child img {     display: block;     max-width: 119px;     max-height: 33px; }  .footer__trast__link:nth-child(2) img {     display: block;     max-width: 119px;     max-height: 33px; }  .footer__trast__link:last-child img {     display: block;     max-width: 40px;     max-height: 40px; }  .scroll-to-top-btn {     display: flex;     position: fixed;     bottom: 20px;     right: 20px;     cursor: pointer;     background: #420200;     padding: 10px;     border-radius: 50%;     box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);     width: 50px;     height: 50px;     justify-content: center;     align-items: center;     z-index: 999; } .content__container {             position: relative;             padding-top: 10px;             margin-left: 60px;         } .breadcrumbs-list__item, .breadcrumbs-list__item a {             color: #858585;             font-size: 14px;         } @media (max-width: 1075px) {     .container {         max-width: 960px;     }      .header__inner {         display: flex;         flex-wrap: wrap;         align-items: center;         justify-content: space-between;     }      .nav {         order: 1;         flex-basis: 100%;         flex-grow: 1;         height: 0;         display: none;         transition: all 1s ease-in-out;     }      .show {         background-color: #212113;         z-index: 9999;     }      .show .nav {         height: max-content;         display: block;         transition: all 1s ease-in-out;     }      .nav__list {         flex-direction: column;         padding: 20px 0;     }      .navbar-toggler {         display: block;     }      .nav__link {         display: block;         font-size: 14px;         line-height: 16.8px;         padding: .5rem 0;     } }  @media (max-width: 960px) {     .games__wrapper {         grid-template-columns: repeat(3, 1fr);     }      .content {         width: 100%;     }      .banner:after {         display: none;     }      .nav__link {         font-size: 16px;         padding: 1rem 0;     }      .game {         text-align: center;     } }  @media (max-width: 768px) {     .games__wrapper {         grid-template-columns: repeat(2, 1fr);     }      .title {         font-size: 48px;         line-height: 60.8px;     }      h2 {         font-size: 28px;         margin-top: 2rem;     }      h3 {         font-size: 24px;         margin-top: 2rem;     }      .footer__contain p,     .footer__trast {         flex-wrap: wrap;     } } @media (max-width: 583px) {             .user__panel {                 display: flex;                 gap: 0;             }              .content {                 padding: 50px 0;             }         } @media (max-width: 560px) {     .title {         font-size: 38px;     }      h2 {         font-size: 28px;     }      h3 {         font-size: 20px;     }     .content__container,             .breadcrumbs-list {                 padding-left: 0;                 margin: 0;             }       .banner:before {         display: none;     }   .sign-in {                 display: none;             }             .content .sign-in {                 display: block;             } }  @media (max-width: 460px) {     .games__wrapper {         grid-template-columns: repeat(1, 1fr);     }      .sign-in {         display: none;     }      .game__img {         max-width: none;     }      .sign-in {         display: none;     }      .logo {         display: block;         max-width: 120px;     }      .btn {         min-width: 100px;         margin-right: 0;     }     table {         font-size: 12px;     } } @media (max-width: 390px) {     .game img {         width: 100%;     } } .date {     margin: 15px 0;     color: #fffff1;     text-align: right; }