html, body { width: 100%; overflow-x: hidden; } body { padding: 0; margin: 0; font-family: Arial, Helvetica; } img { max-width: 100%; } .page-main { position: relative; width: 100%; min-height: calc(100vh - 150px); } .page-image { display: block; width: 100%; height: auto; vertical-align: top; } a { text-decoration: none; } .container { max-width: 720px; width: 100%; margin: 0 auto; padding-bottom: 150px; } .small-logo { width: 80px; height: 80px; border-radius: 10px; object-fit: cover; flex-shrink: 0; } .footer { max-width: 720px; width: 100%; margin: 0 auto; box-sizing: border-box; position: fixed; bottom: 0; left: 0; right: 0; padding: 15px; display: flex; align-items: center; justify-content: space-between; background-color: #fff; gap: 10px; } .tip { display: flex; gap: 15px; align-items: center; min-width: 0; flex: 1 1 auto; } .tip-content { min-width: 0; } #downloadbtn { text-align: center; padding: 15px 20px; border-radius: 10px; font-size: 16px; line-height: 1.2; color: #fff; background: #c12f17; flex-shrink: 0; box-sizing: border-box; white-space: nowrap; width: max-content; max-width: none; } .bit-game { font-size: 25px; display: block; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .subtitle { font-size: 16px; line-height: 1.4; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .button_float { position: fixed; background: linear-gradient(180deg, rgba(255, 0, 0, 1) 0%, rgba(153, 0, 0, 1) 45%, rgba(153, 0, 0, 1) 55%, rgba(255, 0, 0, 1) 99%); color: #fff; font-size: 35px; line-height: 1.2; padding: 20px 30px; border-radius: 15px; border: 2px solid #fff; display: block; text-align: center; left: 50%; top: clamp(120px, 52vh, calc(100vh - 180px)); transform: translate(-50%, -50%); box-sizing: border-box; white-space: nowrap; width: max-content; max-width: none; z-index: 10; font-weight: bold; box-shadow: 0 0 10px #000; animation: myBreath 1s linear infinite; } @keyframes myBreath { 0% { transform: translate(-50%, -50%) scale(0.88); } 50% { transform: translate(-50%, -50%) scale(1); } 100% { transform: translate(-50%, -50%) scale(0.88); } } @media screen and (max-width: 768px) { .small-logo { width: 60px; height: 60px; } .bit-game { font-size: 16px; } .subtitle { font-size: 14px; } #downloadbtn { font-size: 14px; padding: 10px 15px; } .button_float { font-size: 28px; padding: 15px 20px; } }
.small-logo{object-fit:contain;background:#063771}