* {     box-sizing: border-box; }  body {     margin: 0;     font-family: 'Roboto', 'Arial', sans-serif;     background: #fff;     color: #333; } li a, p a, table a {     color: #9c1418;     font-weight: 700; } li a:hover, p a:hover, table a:hover {     color: #c2272c;     text-decoration: none; } h1, h2, h3 {     color: #9c1418;     font-weight: 400;     margin: 0 0 5px; } h1 {     font-size: 24px; }  h2 {     font-size: 22px;     margin: 0 0 10px; }  ul {     list-style: none;     padding: 0;     margin-bottom: 9px; } ul li {     position: relative;     padding-left: 15px; } ul li:before {     content: "";     width: 6px;     height: 6px;     background: #9c1418;     position: absolute;     left: 0;     top: 6px; } header {     background-color: #9c1418;     padding: 10px 20px;     color: white; } header img {   margin-bottom: 0; } img {     max-width: 100%;     height: auto;   margin-bottom: 15px; } .menu-toggle {     display: none;     font-size: 28px;     background: none;     border: none;     color: white;     cursor: pointer; }  nav a {     color: white;     margin: 0 10px;     text-decoration: none;     font-weight: bold; }  .container {     max-width: 1200px;     margin: auto;     padding: 20px;     width: 100%; } header .container {     display: flex;     flex-wrap: wrap;     align-items: center;     justify-content: space-between; }  .games-section {     margin-top: 30px; }  .games-grid {     display: grid;     grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));     gap: 20px; }  .game-item {     width: 200px;     margin: .5%;     position: relative;     overflow: hidden;     border-radius: 8px;     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }  .game-item img {     width: 100%;     height: auto;     display: block; }  .overlay {     position: absolute;     top: 0;     left: 0;     width: 100%;     height: 100%;     background: rgba(0, 0, 0, 0.6);     color: white;     display: flex;     flex-direction: column;     align-items: center;     justify-content: center;     opacity: 0;     transition: opacity 0.3s ease-in-out;     text-align: center;     padding: 10px; }  .game-item:hover .overlay {     opacity: 1; }  .overlay a {     text-decoration: none;     margin: 5px 0;     padding: 10px 15px;     border-radius: 5px;     font-weight: bold; }  .overlay a.play-money {     background-color: #4CAF50;     color: white; }  .overlay a.play-free {     color: white; }  .button-more {     text-align: center;     margin: 30px 0; }  .button-more button {     padding: 10px 20px;     font-size: 16px;     background: #dd153c;     border: none;     border-radius: 20px;     cursor: pointer; } .button-more button a {     color: #fff;     text-decoration: none; } .section {     margin-top: 50px; }  footer {     background-color: #9c1418;     color: white;     padding: 20px;     text-align: center;     font-size: 14px; }  .up-button {     position: fixed;     bottom: 30px;     right: 30px;     background: #9c1418;     color: white;     border: none;     border-radius: 50%;     width: 50px;     height: 50px;     font-size: 24px;     cursor: pointer;     display: none;     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); } .footer__menu {     display: flex;     margin: 0; } .footer__menu li {     padding: 0; } .sub-menu {     margin: 0 0 0 44px;     text-align: left; } .sub-menu a {     display: block;     padding: 10px 0; } .footer__logos {     display: flex;     gap: 11px;     padding-left: 30px;     border-left: 1px solid #fff;     padding-top: 15px; } .footer__logos img {     width: 56px;     height: 56px; } @media (max-width: 908px) {     .footer__logos {         border-left: 1px solid #ffffff00;     } } @media (max-width: 768px) {     .menu-toggle {         display: block;       }      .game-item {         margin: 0 auto;     }     nav {         flex-direction: column;         width: 100%;         display: none;       }        nav.active {         display: flex;       }        nav a {         margin: 10px;         padding: 15px;     }     .hidden {         display: block;     }     footer {         padding: 0;     }     .sub-menu {         margin: 0;     } } @media (max-width: 500px) {     .footer__menu {         flex-direction: column;     } } .footer__menu li::before {     display: none; }  footer .container {     display: flex;     justify-content: space-between;     flex-wrap: wrap; }