/* CSS untuk styling situs */ body { font-family: Arial, sans-serif; margin: 0; padding: 0; background: linear-gradient(135deg, #ff7e5f, #feb47b); color: #fff; } header { background-color: #333; padding: 10px; text-align: center; } header h1 { margin: 0; font-size: 3em; } .content { text-align: center; padding: 50px; } .content img { max-width: 80%; border-radius: 15px; margin-bottom: 20px; } .btn-join { padding: 15px 30px; font-size: 1.5em; color: #fff; background-color: #007BFF; border: none; border-radius: 5px; cursor: pointer; transition: background-color 0.3s; } .btn-join:hover { background-color: #0056b3; } footer { background-color: #333; padding: 20px; text-align: center; margin-top: 30px; } footer a { color: #fff; text-decoration: none; font-size: 1.2em; margin: 0 10px; } footer a:hover { text-decoration: underline; } button { padding: 12px 25px; font-size: 1.1em; cursor: pointer; border: none; border-radius: 50px; transition: 0.3s; font-weight: bold; } #spin-btn { background-color: #ffd700; color: #333; } #spin-btn:hover { background-color: #ffcc00; transform: scale(1.05); } .transaksi .daftar { display: block; font-size: 20px; color: white; padding: 12px 0; margin: 1em auto; text-align: center; width: 100%; z-index: 2; background: linear-gradient(to bottom, #313131, #000000); border-radius: 5px; font-family: sans-serif; font-weight: bolder; } .transaksi .daftar:hover { background: #6B3C00; } .tombol-container { display: flex; justify-content: center; align-items: center; height: auto; } .tombol { font-size: 20px; color: white; padding: 12px 0; margin: 0 10px; text-align: center; width: 100%; z-index: 2; background: linear-gradient(to bottom, #313131, #000000); color: #9CA530; text-decoration: none; border: 3px solid #9CA530; border-radius: 10px; font-family: sans-serif; font-weight: bolder; box-shadow: 0 0 20px rgba(0, 0, 0, 20); } .tombol-daftar { background: linear-gradient(to bottom, #313131, #000000); animation: berubahWarna 5s linear infinite; box-shadow: 0px 0px 20px rgba(255, 255, 255, 5.7); border: 3px solid #FFFFFF; } @keyframes berubahWarna { 0%,100% { background: #535353 } 50% { background: #000000 } }

Acing welder Slot Seru dan Event Menarik Menunggu Anda

MASUK DAFTAR

// JS (untuk efek interaktif atau tambahan lainnya jika diperlukan) document.querySelector(‘.btn-join’).addEventListener(‘click’, function() { alert(‘Terima kasih telah bergabung!’); });