body {     font-family: 'Arial Narrow', Arial, sans-serif;     background-color: #121620;     color: #fff;     overflow-x: hidden;     -webkit-tap-highlight-color: transparent;     -webkit-font-smoothing: antialiased;     background-image: url(/shared/empty.gif), url(/shared/empty.gif);     background-repeat: repeat-y, repeat-y;     background-size: contain;     background-position: right -200px, left 200px;     font-size: 16px;     margin: 0; }  * {     outline: none;     box-sizing: border-box;     text-decoration: none; }  img {     max-width: 100%;     height: auto; } p img {     margin: 15px 5px; } h1 {     font-size: 2em; } .content a {     color: rgb(31, 120, 255); }  .content a:hover {     color: rgb(59, 122, 217);     text-decoration: underline; } .container {     max-width: 1132px;     margin: 0px auto;     padding-left: 16px;     padding-right: 16px; }  .header {     margin-top: 0px;     margin-bottom: 0px;     padding: 12px 0px;     will-change: transform;     background-color: #121524;     backdrop-filter: blur(10px);     position: sticky;     top: 0px;     z-index: 1000; } .header .container {     display: flex;     justify-content: space-between;     align-items: center; } .logo { 	display: block;     width: 200px;     height: auto;     margin-right: 20px;     z-index: 100; } .sign-in, .sign-up {     position: relative;     overflow: hidden;     border: medium;     cursor: pointer;     border-radius: 8px;     background: #202438;     color: #ffffff;     padding: 10px 32px;     margin-right: 8px;     text-transform: uppercase;     font-weight: 700; } .sign-up {     background: #0b37ff;     margin-right: 0; }  .sign-in:hover {     background: #2b3046; }  .sign-up:hover {     background: #3459fc; }  @media only screen and (max-width: 540px) {     .sign-in {         display: none;     }     .logo {         width: 160px;     }     .sign-up {         font-size: 14px;         padding: 10px 25px;     } } @media only screen and (max-width: 375px) {     .container {         padding-left: 10px;         padding-right: 10px;     } } .banners {     display: flex;     justify-content: space-between;     gap: 20px;     margin: 32px auto; } .banner {     padding: 18px 18px 20px;     background-repeat: no-repeat;     background-position: center center;     background-size: cover;     position: relative;     border-radius: 8px;     overflow: hidden;     cursor: pointer;     display: flex;     aspect-ratio: 16 / 9;     height: 220px;     width: 100%; } .banner__content {     width: 55%;     height: 100%;     text-align: left;     background-color: transparent;     display: flex ;     flex-direction: column;     justify-content: space-between; } .banner__name {     font-weight: 700;     position: relative;     z-index: 1;     font-size: 20px;     color: rgb(255, 255, 255);     display: block;     text-shadow: rgba(11, 21, 46, 0.5) 0px 1px 1px;     margin: 0; } .banner__text {     margin: 0;     font-weight: 400;     position: relative;     z-index: 1;     font-size: 16px;     color: rgb(255, 255, 255); } .welcome .banner__name  {     font-size: 16px;     border-radius: 8px;     background: #202438;     padding: 5px; }  .welcome .banner__text {     color: #fda71e;     font-size: 28px;     font-weight:900;     line-height: 1; } .bnr-reg {     background: #ffb818;     color: #121524; }  .banner a {     text-align: center; } .bnr-reg:hover {       background: #fbc64d; } @media only screen and (max-width: 998px) {     .banner {         display: none;     }     .banner:first-child {         display: block;         background-position: 0 -80px;     }     .welcome .banner__text {         font-size: 46px;     } }  @media only screen and (max-width: 768px) {     .banner:first-child {         background-position: 0 -60px;     } }  @media only screen and (max-width: 580px) {     .banner:first-child {         background-position: 0 -15px;     } }  @media only screen and (max-width: 390px) {     .banner:first-child {         background-position: center;     } }  #last-winners * {     margin: 0;     padding: 0; }  #last-winners {     background: rgb(77, 120, 207) none repeat scroll 0% 0%;     padding: 5px 0px;     position: relative;     border-bottom: 5px solid rgb(48, 71, 117);     margin-top: 100px;     height: 44px;     box-sizing: content-box; }  #last-winners .logo {     width: auto;     background: rgb(227, 11, 21) none repeat scroll 0% 0%;     display: inline-block;     padding: 10px;     position: relative;     left: -10px;     top: 3px;     font-size: 21px;     line-height: 21px;     color: white; }  #last-winners .bets-history {     display: inline-block;     max-width: 830px;     height: 44px;     overflow: hidden;     position: absolute;     top: 0px; }  #last-winners ul {     display: inline-block;     max-width: 830px; }  #last-winners ul li {     display: inline-block;     font-family: "Pt Sans Narrow", "Trebuchet MS", Helvetica, sans-serif; }  #last-winners ul li .game-name {     font-size: 20px;     display: inline;     color: white; }  #last-winners ul li .win-amount {     float: left;     font-size: 36px;     color: rgb(255, 246, 0);     margin-right: 5px; }  .games {     display: grid;     grid-template-columns: repeat(6, 1fr);     gap: 24px;     margin-top: 35px; }  .game {     width: 100%;     border-radius: 8px;     position: relative;     overflow: hidden;     cursor: pointer;     height: 225px;     display: flex;     justify-content: center;     align-items: center;     position: relative;     color: rgb(255, 255, 255); } .game__img {     border-radius: 8px;     object-fit: cover;     height: 100%; } .game__content {     position: absolute;     z-index: 10;     display: none;     width: 100%;     height: 100%;     margin-top: 12px;     margin-bottom: 4px; }  .game__content__name {     color: rgb(237, 239, 245);     text-align: center;     text-overflow: ellipsis;     font-size: 14px;     font-style: normal;     font-weight: 700;     line-height: 120%; }  .game__content__provider {     color: rgb(237, 239, 245);     text-align: center;     text-overflow: ellipsis;     font-size: 14px;     font-style: normal;     font-weight: 400;     line-height: 120%; }  .game__content__btn {     border-radius: 8px;     background: rgb(237, 239, 245);     box-shadow: rgba(239, 241, 243, 0.2) 0px 1px 1px 0px inset;     margin: 14px 28px 0px;     color: rgb(22, 22, 57);     font-size: 14px;     font-style: normal;     font-weight: 700;     line-height: 120%;     text-align: center;     padding: 12px;     width: auto;     display: flex;     justify-content: center;     align-items: center;     gap: 8px; }  .demo {     width: 100%;     background-color: transparent;     position: absolute;     bottom: 16px; }  .demo__link {     padding-right: 12px;     padding-left: 12px;     background-color: transparent;     display: flex;     justify-content: space-between;     align-items: center;     font-weight: 500;     line-height: 130%;     position: relative;     font-style: normal;     z-index: 1;     font-size: 14px;     color: rgb(255, 255, 255); } .game:hover .game__content {     display: flex;     flex-direction: column;     justify-content: center; } .game:hover::after {     content: "";     position: absolute;     background-image: url(/shared/empty.gif);     background-position: center center;     background-size: cover;     animation: 10s linear 0s infinite normal none running rotate;     inset: -50%;     background-color: rgb(31, 80, 255); }  @keyframes rotate {     0% {         transform: rotate(0deg);     }     100% {         transform: rotate(360deg);     } }  @media only screen and (max-width: 1024px) {     .games {         grid-template-columns: repeat(5, 1fr);         gap: 15px;     } }  @media only screen and (max-width: 820px) {     .games {         grid-template-columns: repeat(4, 1fr);         gap: 15px;     } }  @media only screen and (max-width: 620px) {     .games {         grid-template-columns: repeat(3, 1fr);         gap: 15px;     }     #last-winners ul li .game-name {         font-size: 14px;     }     #last-winners ul li .win-amount {         font-size: 28px;     }     #last-winners .bets-history {         top: 10px;     } }  @media only screen and (max-width: 490px) {     .games {         grid-template-columns: repeat(2, 1fr);         gap: 15px;     } }  @media only screen and (max-width: 450px) {     #last-winners {         margin-top: 30px;         height: 70px;     }     #last-winners .bets-history {         height: 70px;     } } footer * {     margin: 0;     padding: 0;     list-style: none;     text-decoration: none; } footer {     clear: both;     position: relative;     margin-top: 35px; }  .nav {     padding-top: 15px;     z-index: 1;     display: flex;     justify-content: center;     align-items: center;     flex-wrap: wrap;     gap: 10px;     margin-bottom: 20px; } .nav li a {     line-height: 29px;     text-decoration: none;     color: rgb(103, 103, 103);     font-size: 14px;     padding: 0 10px; } footer .nav li a:hover, footer .nav li .a:hover, footer .nav li a:focus, footer .nav li .a:focus {     text-decoration: underline; }  .common-footer-links, .socials {     display: flex;     justify-content: center;     align-items: center;     flex-wrap: wrap;     gap: 10px;     margin-bottom: 20px; }   .sprite-social-icons-wordpress, .sprite-social-icons-twitter, .sprite-social-icons-facebook {     background-image: url(/shared/empty.gif);     background-size: 73px 73px;     background-repeat: no-repeat;     display: inline-block; }  .sprite-social-icons-facebook {     background-position: 0px -37px;     width: 36px;     height: 36px; } .sprite-social-icons-twitter {     background-position: -37px 0px;     width: 36px;     height: 36px; } .sprite-social-icons-wordpress {     background-position: 0px 0px;     width: 37px;     height: 37px; }  footer .nav li:not(:first-child)::after {     margin-left: -10px;     content: "";     width: 1px;     display: block;     height: 22px;     margin-top: -26px;     position: absolute;     background-color: #292929; }