body {     margin: 0;     font-family: Arial, sans-serif;     background: #111 url(/shared/empty.gif) center / cover no-repeat;     color: #fff; }  .header {     padding: 20px;     background: #000 url(/shared/empty.gif) repeat;     text-align: center; }  .logo img {     max-width: 150px; }  .hero {     text-align: center;     padding: 40px;     background: url(/shared/empty.gif) center / cover no-repeat; }  .games {     padding: 40px; }  .games__list {     display: flex;     gap: 20px; }  .game {     width: 200px;     height: 120px;     background-size: cover;     background-position: center;     border-radius: 10px; }  .game:nth-child(1) {     background-image: url(/shared/empty.gif); }  .game:nth-child(2) {     background-image: url(/shared/empty.gif); }  .game:nth-child(3) {     background-image: url(/shared/empty.gif); }  .promo {     display: flex;     margin: 40px;     background: #222;     border-radius: 10px;     overflow: hidden; }  .promo__image {     width: 50%;     min-height: 200px;     background: url(/shared/empty.gif) left center / cover no-repeat; }  .promo__content {     padding: 20px;     width: 50%; }  .footer {     text-align: center;     padding: 20px;     background: #000; }