body { 
    font-family: 'Arial', sans-serif; 
    background-color: #000;
    background-image: radial-gradient(circle at bottom left, #729C44 20%, #000 90%, #000 150%, #000 0%);
    margin: 0; 
    padding: 0; 
    height: 100vh; 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    touch-action: manipulation;
    zoom: 1;
    -webkit-text-size-adjust: 100%;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none; 
    -ms-user-select: none;
    user-select: none;
}
.text-container {
    font-size: 48px;
    width: 80%;
    background-color: rgba(0, 0, 0, 0.1); /* تغییر رنگ پس زمینه به سیاه */
    border-radius: 30px; /* گوشه های گرد */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.8); /* سایه */
    padding: 20px; /* فضای داخلی */
    display: flex; /* نمایش به صورت فلیکس */
    flex-direction: column; /* ترتیب بچه‌ها به صورت عمودی */
    position: relative; /* موقعیت نسبی */
    align-items: center; /* تراز کردن بچه‌ها به وسط */
    justify-content: center; /* تراز کردن محتوا به وسط عمودی */
}

.greeting {
    font-size: 48px; 
    color: black; 
    margin: 0; 
    padding: 20px; 
    justify-content: center;

}

.datetime {
    font-size: 32px;
    color: black; 
    margin: 0; 
    margin-top: 10px; 
    padding: 20px; 
    justify-content: center;

}