html, body {     overflow-x: hidden;     scroll-behavior: smooth; }  * {     box-sizing: border-box; }  body {     font-weight: 300;     font-size: 15px;     line-height: 28px;     background: #fff;     color: #45443c;     margin: 0;     outline: 0;     padding: 0;     font-family: 'Roboto', sans-serif;     scroll-behavior: smooth; }  img {     max-width: 100%;     height: auto; }  .container {     max-width: calc(1090px - 30px);     margin: 0 auto;     padding: 0 15px; }  .header {     background-color: #fff;     box-shadow: 0 1px 3px rgba(95, 95, 95, .1);     max-width: 1270px;     margin: 0 auto;     z-index: 9;     transition: all .5s ease 0s;     padding: 6px 38px 20px;     background-color: #1a1c19; }  .header-menu ul {     list-style: none;     margin: 0;     padding: 0;     display: flex;     justify-content: space-between;     align-items: center;     flex-wrap: wrap; }  .header-menu ul li a {     color: #fff;     text-decoration: none;     padding: 10px 5px;     display: block;     transition: all .3s ease 0s;     text-transform: uppercase; }  .header-menu ul li a:hover {     color: #9bb70d;     background-color: #2a2c29; }  .menu-toggle {     display: none;     color: #fff;     font-size: 16px;     font-weight: 700;     text-transform: uppercase;     padding: 10px 15px;     cursor: pointer;     margin: 20px 0 0;     background-color: #9bb70d; }  .menu-toggle-icon {     background: #fff;     display: inline-block;     float: right;     height: 2px;     margin-top: 14px;     position: relative;     text-align: left;     width: 20px; }  .menu-toggle-icon:before, .menu-toggle-icon:after {     content: "";     position: absolute;     background: #fff;     height: 2px;     width: 20px;     left: 0;     top: -5px; }  .menu-toggle-icon:after {     top: 5px; }  #main-menu {     margin: 0;     padding: 0;     position: relative;     z-index: 100;     line-height: normal; }  #main-menu {     background: 0 0;     padding: 0 0 10px; }  #main-menu, #main-menu>ul.menu {     width: 100%; }  #main-menu {     display: none; }  @media screen and (max-width: 920px) {     .header-menu {         display: none;     }      .menu-toggle {         display: block;     }      #main-menu {         display: block;     }      #main-menu>ul.menu {         display: none;         background: #f9f9f9;         box-shadow: 0px 0px 3px #d3d3d3;         margin: 0;         list-style: none;         padding: 0;     }      #main-menu ul.menu>li {         width: 100%;         padding: 0;         text-align: left;         box-sizing: border-box;         line-height: 23px;     }      #main-menu>ul.menu>li>a {         border-radius: 0;         display: inline-block;         line-height: 23px;         padding: 9px 17px 8px;     }      #main-menu ul.menu>li>a {         color: #b2b2b2;         text-decoration: none;         text-transform: uppercase;     }      #main-menu>ul.menu.menu-toggle-open {         display: block;     } }  .banner img {     margin: 20px 0;     border-radius: 25px; }  .title {     text-align: center; }  .game {     display: flex;     justify-content: center;     gap: 15px;     flex-wrap: wrap; }  .play-header a {     color: #9bb70d;     text-decoration: none; }  .game-item:hover {     box-shadow: inset 0 0 0 5px #282f24; }  .content a {     text-decoration: none;     color: #9bb70d; } .content a:hover {     color: #868686; } ol, ul {     list-style: none; } ul {     list-style-type: square;     list-style-position: inside; }  ul, ol, pre, code {     margin-bottom: 20px; }  ul li {     padding-bottom: 10px; }  .footer {     width: 100%;     margin: 0;     padding: 0;     position: relative;     line-height: 28px;     color: #d2d1d0; } .footer .container {     max-width: 1170px;     margin: 0 auto; } .copyright {     background: #fff;     text-align: center;     width: 100%;     clear: both;     margin: 0;     padding: 15px 0;     float: left;     color: #4d4d4d;     font-size: 12px;     border-top: 1px solid #e6e6e6; } .footer-links {     list-style: none;     padding: 0;     margin: 0;     display: flex;     justify-content: space-between;     flex-wrap: wrap; }  .footer-links li {     display: inline;     padding-bottom: 0;     margin-right: 9px;     padding-right: 11px;     line-height: normal; }  .footer-links li a {     color: #9bb70d;     text-decoration: none; }  #toTop {     position: fixed;     bottom: 30px;     right: 30px;     display: none;     padding: 10px 15px;     background: #333;     color: #fff;     text-decoration: none;     border-radius: 5px;     font-size: 14px; }  #toTop:hover {     background: #555; } .btn-box {     margin: 20px 0; } a.button-play-free {     display: inline-block;     font-weight: 700;     color: rgb(255, 255, 255);     box-shadow: rgb(204, 61, 61) 0px -3px inset;     text-transform: uppercase;     font-size: 19px;     text-decoration: none;     padding: 0.8em 1em calc(0.8em + 3px);     border-radius: 3px;     background: rgb(204, 61, 61);     transition: 0.2s; }  a.button-play-free:hover {     color: rgb(255, 255, 255) !important;     background: rgb(53, 167, 110); }