body {  
    margin: 0;  
    font-family: Arial, sans-serif;  
    display: flex;  
    justify-content: center;  
    align-items: center;  
    flex-direction: column; /* Menambahkan flex direction */  
    height: 100vh;  
    background-image: url('./background-propertibali.webp'); /* Ganti dengan URL gambar latar belakang */  
    background-size: cover; /* Agar gambar menutupi seluruh latar belakang */  
    background-position: center; /* Menempatkan gambar di tengah */  
    background-repeat: no-repeat; /* Menghindari pengulangan gambar */  
}  

.container {  
    text-align: center;  
    background: rgba(255, 255, 255, 0.9); /* Latarnya sedikit transparan */  
    padding: 20px;  
    border-radius: 10px;  
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);  
}  

.logo {  
    width: 200px; /* Atur lebar logo */  
    height: auto; /* Sesuaikan tinggi secara otomatis */  
    margin-top: 20px; /* Tambahkan margin bawah untuk pemisah */  
}  

h1 {  
    font-size: 48px;  
    color: #333;  
}  

p {  
    font-size: 20px;  
    color: #666;  
}  

.animation {  
    width: 200px; /* Atur lebar animasi */  
    height: auto; /* Sesuaikan tinggi secara otomatis */  
    margin: 20px 0; /* Menambahkan margin untuk pemisah */  
}  

.countdown {  
    margin-top: 20px;  
}  

#timer {  
    font-size: 24px;  
    font-weight: bold;  
    color: #e63946;  
}
.footer-text {  
    font-size: 12px; /* Ukuran font kecil */  
    color: #666; /* Warna teks */  
    margin-top: 20px; /* Jarak atas dari elemen sebelumnya */  
    margin-bottom: -15px;
    text-align: center;
}