html,body {
    height: 100%;
}

body {
    background: #0f3854;
    background: radial-gradient(ellipse at center, #0a2e38 0%, #000000 70%);
    background-size: 100%;
}

p {
    margin: 0;
    padding: 0;
}

#clock {
    font-family: 'Share Tech Mono', monospace; /* Sadece bir font belirtin */
    color: #daf6ff;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#clock .time {
    letter-spacing: 0.05em;
    font-size: 80px;
    padding: 5px 0;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); /* Tek bir text-shadow belirtin */
}

#clock .date {
    letter-spacing: 0.1em;
    font-size: 44px;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); /* Tek bir text-shadow belirtin */
}

#clock .text {
    letter-spacing: 0.1em;
    font-size: 22px;
    padding: 20px 0 0;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); /* Tek bir text-shadow belirtin */
}